開始之前喻犁,看看react有哪些常用的腳手架
- create-react-app
- generator-z-react-cli
其中create-react-app 是最常用 的腳手架
create-react-app使用
1.安裝
全局安裝
npm install -g create-react-app
2.創(chuàng)建項目
create-react-app my-app
目錄
my-app
|--build //構(gòu)建目錄,遵循發(fā)布系統(tǒng)規(guī)范
| |-- index.html //靜態(tài)頁面
| |-- static //資源文件
|
|-- node_modules //項目組件文件夾:所有安裝的組件都在這
|
|--src //源碼目錄
| |--index.js //入口文件(還生成了其它的文件走趋,但是沒啥用誊辉,我們可以直接的刪除掉)
|
|--public //靜態(tài)頁面目錄
| |--index.html //主頁面(還生成了其它的文件矮冬,但是沒啥用宗雇,我們可以直接的刪除掉)
|
|-- .gitignore //git提交的忽略文件插爹,我們一般還需要再手動增加.idea(通過webstorm編輯工具進(jìn)行開發(fā)炼彪,生成的文件)
|--package.json //項目依賴項及項目基礎(chǔ)信息
|--README.md //項目描述
|-- ...
3.運(yùn)行項目
cd my-app
npm run start
打開webpack配置
默認(rèn)是沒打開webpack配置的
yarn eject或者npm run eject 此命令執(zhí)行完成不可逆轉(zhuǎn)(慎重使用)