React利用腳手架建立乙個新專案

2021-10-06 15:54:40 字數 464 閱讀 9017

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第 ...