1、在本地中創建一個項目所在的文件夾
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對應的倉庫上,就可以看到剛才提交的代碼了。
接着,點擊“setting”;
找到GitHub Pages,source中點擊下面按鈕切換到master branch,點擊save;
就可以看到一個鏈接了,點擊鏈接,發現出現的是你項目中的README.md;
在鏈接后面加上 /build/# 回車后,即可看到預覽效果。
之后的修改代碼后,重新npm run build ,重復11~15步驟即可。