create-react-app建立項目並用git上傳至GitHub及展現預覽效果

一、在本地中建立一個項目所在的文件夾

二、npm -g create-react-app

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

四、cd react-demo

五、npm start（等待一會瀏覽器自動開啓）

六、開始噼裏啪啦寫你須要的代碼

七、（重點）在package.json配置文件中加一句：　「homepage」: 「./」 （爲下面打包作準備，若是不加這句話，那麼在預覽時開啓的頁面空白，緣由路徑不對）

八、npm run build（打包）

九、在你的GitHub上新建個倉庫，把地址複製下來備用

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

十一、git add . （點的意思是全部文件，把全部文件添加上去）

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

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

1四、git pull origin master（上傳以前先拉一下，第一次不拉也行，可是以後提交最好想成這個習慣）

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

1六、此時，在GitHub對應的倉庫上，就能夠看到剛纔提交的代碼了。

　　接着，點擊「setting」；

　　找到GitHub Pages，source中點擊下面按鈕切換到master branch，點擊save；

　　就能夠看到一個連接了，點擊連接，發現出現的是你項目中的README.md；

　　在連接後面加上   /build/#    回車後，便可看到預覽效果。 

以後的修改代碼後，從新npm run build ，重複11~15步驟便可。