推薦乙個react腳手架工具

2022-05-10 11:28:33 字數 669 閱讀 4740

今天介紹乙個react腳手架,react-cli, 可以說是vue-cli的外表,react的心!

安裝步驟:

npm install -g sao

sao yang302/react-cli new-project --install

cd new-project

npm install

npm run dev

npm run build

npm run build --report

npm run lint

npm test

它包含了:

1,react全家桶

2,webpack熱載入

3,expressdev server

4,proxy介面**

5,global-variable全域性變數,用來區分線上線下環境

6,eslint

7,jestwith enzyme, to make unit test for react components easier.

執行起來是這樣的

利用腳手架工具搭建乙個新的react專案

2.提交專案 2.1 git init 提交本地倉庫 2.2 git add 2.3 git commit m 提交注釋 3.對配置檔案進行暴露,配置webpack npm run eject 沒有提交git add 則無法使用這個命令,會報錯 執行完這個命令之後,config裡可以看見配置檔案,相...

如何開發乙個腳手架cli工具

腳手架工具,是能夠切實提高開發效率的一種方式,個人完成的乙個簡單的腳手架工具,叫做vue wd cli。它僅僅做了非常簡單的幾件事 基本使用如下 step1 載入全域性安裝包 npm install g vue wd clistep2 初始化乙個專案 vuewd init helloworld其中,...

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

npm 在想要建立的目錄,開啟命令列,輸入 隨後就會自動使用腳手架初始化react專案 當見到 時表示建立成功 這時命令列不會自動切換目錄,執行 cd 專案名稱 切換到專案目錄下,輸入 yarn start即可開始同步編譯,每當你儲存專案,腳手架都會自動幫你編譯到本地埠 public index.h...