1. 程式人生 > >安裝react腳手架('create-react-app' 不是內部或外部命令?)

安裝react腳手架('create-react-app' 不是內部或外部命令?)

1. npm install create-react-app -g
2. create-react-app myReact

有人可能會碰到‘create-react-app’ 不是內部或外部命令… 此時用 npx create-react-app myReact 來替代第二步

安裝完react腳手架的目錄如下:
這裡寫圖片描述
第三步,進入myReact目錄執行react

3.  npm start

打包命令:

  npm run build

安裝路由

npm i -S react-router react-router-dom

檢視線上生產環境的執行效果


npm install -g pushstate-server

pushstate-server build

專案整體配置資訊,在專案路徑 /package.json中。

如果想要自己配置webpack或者其他設定,就要執行命令:npm run eject來彈出腳手架幫我們隱藏的配置檔案。
(過程中要選擇輸入y/N分別來確認y或取消N操作,因為這個操作是單向,不可逆的)

Eject之後的目錄下檔案結構
多了兩個資料夾:configscripts
1、config資料夾下主要是webpack的詳細配置檔案,一般不需要修改。
2、 scripts資料夾下的幾個js檔案其實就是實際執行我們npm run命令的的配置,一般也不需要需改。
現在我們再回來看看package.json檔案,東西多了很多依賴,之前都是封裝在react-scripts內部的,而現在可以自己去配置了。

文章部分內容參考:https://www.jianshu.com/p/616529c89a4d