Skip to content

Commit 87db640

Browse files
committed
Improve tutorial documentation; fixes #71
1 parent bc9aa39 commit 87db640

File tree

1 file changed

+27
-3
lines changed

1 file changed

+27
-3
lines changed

content/tutorial/tutorial.md

Lines changed: 27 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -54,9 +54,33 @@ If you want to do it, here are the steps to follow:
5454

5555
1. Make sure you have a recent version of [Node.js](https://nodejs.org/en/) installed.
5656
2. Follow the [installation instructions](/docs/installation.html#creating-a-new-application) to create a new project.
57-
3. Delete all files inside the `src/` folder of the new project (don't delete the folder, just its contents (eg `rm -f src/*`)).
58-
4. Add a file named `index.css` in the `src/` folder with [this CSS code](https://codepen.io/gaearon/pen/oWWQNa?editors=0100).
59-
5. Add a file named `index.js` in the `src/` folder with [this JS code](https://codepen.io/gaearon/pen/oWWQNa?editors=0010).
57+
58+
```bash
59+
npm install -g create-react-app
60+
create-react-app my-app
61+
```
62+
63+
3. Delete all files in the `src/` folder of the new project (don't delete the folder, just its contents).
64+
65+
```bash
66+
cd my-app
67+
rm -f src/*
68+
```
69+
70+
4. Add a file named `index.css` in the `src/` folder with [this CSS code](https://codepen.io/gaearon/pen/oWWQNa?editors=0100), or type in the following commands:
71+
72+
```bash
73+
touch src/index.css
74+
curl -L https://codepen.io/gaearon/pen/oWWQNa.css > src/index.css
75+
```
76+
77+
5. Add a file named `index.js` in the `src/` folder with [this JS code](https://codepen.io/gaearon/pen/oWWQNa?editors=0010), or type in the following commands:
78+
79+
```bash
80+
touch src/index.js
81+
curl -L https://codepen.io/gaearon/pen/oWWQNa.js > src/index.js
82+
```
83+
6084
6. Add these three lines to the top of `index.js` in the `src/` folder:
6185

6286
```js

0 commit comments

Comments
 (0)