Skip to content

Commit 43dfdac

Browse files
authored
Update README.md
1 parent acbdb94 commit 43dfdac

File tree

1 file changed

+69
-0
lines changed

1 file changed

+69
-0
lines changed

300/300/README.md

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,81 @@ Create a new React monorepo with the following command:
66

77
```
88
$ cd hatch-project/src # navigate to the 'hatch-project/src' sub-directory, previously created by hatch
9+
$ mv hatch_project original_hatch_project # temporarily rename the hatch_project directory so nx will not complain
910
$ npx create-nx-workspace@latest hatch_project --preset=react-monorepo
1011
```
1112

1213
When prompted, provide the following answers:
1314

15+
```
16+
Need to install the following packages:
17+
create-nx-workspace@20.4.0
18+
Ok to proceed? (y)
19+
```
20+
21+
Click y & ENTER
22+
1423
```
1524
NX Let's create a new workspace [https://nx.dev/getting-started/intro]
1625
26+
? Application name hatch_project
27+
```
28+
29+
Click ENTER.
30+
31+
```
32+
? Which bundler would you like to use?
33+
Vite [ https://vitejs.dev/ ]
34+
Webpack [ https://webpack.js.org/ ]
35+
Rspack [ https://www.rspack.dev/ ]
36+
```
37+
38+
Highlight **Webpack** with the arrow keys and click ENTER.
39+
40+
```
41+
? Test runner to use for end to end (E2E) tests ...
42+
Playwright [ https://playwright.dev/ ]
43+
Cypress [ https://www.cypress.io/ ]
44+
None
45+
```
46+
47+
Highlight **Playwright** with the arrow keys and click ENTER.
48+
49+
```
50+
? Default stylesheet format ...
51+
CSS
52+
SASS(.scss) [ https://sass-lang.com ]
53+
LESS [ https://lesscss.org ]
54+
tailwind [ https://tailwindcss.com ]
55+
styled-components [ https://styled-components.com ]
56+
emotion [ https://emotion.sh ]
57+
styled-jsx [ https://www.npmjs.com/package/styled-jsx ]
58+
```
59+
60+
Highlight **tailwindcss** with the arrow keys and click ENTER.
61+
62+
63+
```
64+
? Which CI provider would you like to use? ...
65+
GitHub Actions
66+
Gitlab
67+
Azure DevOps
68+
BitBucket Pipelines
69+
Circle CI
70+
71+
Do it later
72+
```
73+
74+
Highlight **GitHub Actions** with the arrow keys and click ENTER.
75+
76+
It will respond with:
77+
78+
```
79+
NX Creating your v20.4.0 workspace.
80+
81+
Installing dependencies with npm
82+
Creating your workspace in hatch_project
83+
1784
1885
```
1986

@@ -48,4 +115,6 @@ This will generate the following file and directory structure underneath the ```
48115
└─ package.json
49116
```
50117

118+
**Important**: Move all files previously in ```original_hatch_project`` to ```hatch_project``` and delete ```original_hatch_project```!
119+
51120
MORE ...

0 commit comments

Comments
 (0)