1、在本地中創(chuàng)建一個項目所在的文件夾

2、npm -g create-react-app

3、在此文件夾下 create-react-app react-demo (項目名)

4、cd react-demo

5、npm start（等待一會瀏覽器自動開啟）

6、開始噼里啪啦寫你需要的代碼

7、（重點）在package.json配置文件中加一句：　“homepage”: “./” （為下面打包做準備，如果不加這句話，那么在預覽時開啟的頁面空白，原因路徑不對）

8、npm run build（打包）

9、在你的GitHub上新建個倉庫，把地址復制下來備用

10、項目所在文件夾下git init

11、git add . （點的意思是所有文件，把所有文件添加上去）

12、git commit -m "xxxxxxxxxx"（提交信息）

13、git remote add origin https://github.com/xxx/xxx（剛才你在GitHub上保存的地址）

14、git pull origin master（上傳之前先拉一下，第一次不拉也行，但是之后提交最好想成這個習慣）

15、git push -u origin master（把你的代碼提到GitHub上）

16、此時，在GitHub對應的倉庫上，就可以看到剛才提交的代碼了。

17、點擊“setting”；找到GitHub Pages，source中點擊下面按鈕切換到master branch，點擊save；就可以看到一個鏈接了，點擊鏈接，發(fā)現(xiàn)出現(xiàn)的是你項目中的README.md；

18、在鏈接后面加上 /build/# 回車后，即可看到預覽效果。

19、之后的修改代碼后，重新npm run build ，重復11~15步驟即可。

tips： 如果發(fā)現(xiàn)build文件夾沒有上傳至github上，在.gitignore文件中把忽略build的代碼刪除掉就可以了。