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


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步驟即可。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM