npm
在想要建立的目錄,開啟命令列,輸入
隨後就會自動使用腳手架初始化react專案
當見到
時表示建立成功
這時命令列不會自動切換目錄,執行
cd [專案名稱]
切換到專案目錄下,輸入
yarn start
即可開始同步編譯,每當你儲存專案,腳手架都會自動幫你編譯到本地埠
/public/index.html
專案的首頁,不可刪除
/src/index.js
專案的入口檔案,不可刪除,在這裡匯入全域性樣式,包括各種元件庫的樣式.
注意:自己寫的全域性樣式要放到最後匯入,這樣才能覆蓋其他元件庫自帶的樣式
預設的根元件,一般的spa(單頁面應用)在這裡寫路由,但可以隨意修改.
/utils 工具(一些常用方法,如請求)
利用腳手架工具搭建乙個新的react專案
2.提交專案 2.1 git init 提交本地倉庫 2.2 git add 2.3 git commit m 提交注釋 3.對配置檔案進行暴露,配置webpack npm run eject 沒有提交git add 則無法使用這個命令,會報錯 執行完這個命令之後,config裡可以看見配置檔案,相...
推薦乙個react腳手架工具
今天介紹乙個react腳手架,react cli,可以說是vue cli的外表,react的心!安裝步驟 npm install g sao sao yang302 react cli new project install cd new project npm install npm run de...
建立乙個angular腳手架
angular 需要 node.js 版本 10.9.0 或更高版本。要檢查你的版本,請在終端 控制台視窗中執行 node v 要檢查你是否安裝了 npm 客戶端,請在終端 控制台視窗中執行 npm v 第 1 步 安裝 angular cli npm install g angular cli第 ...