1.介紹
Create React App 是一個使用 Node.js 編寫的命令行工具,通過它可以幫助我們快速生成 React.js 項目,并內(nèi)置了 Babel、Webpack 等工具幫助我們實現(xiàn) ES6+ 解析、模塊化解析打包,通過它,我們可以使用模塊化以及 ES6+ 等更新的一些特性。同時它還內(nèi)置 ESLint 語法檢測工具、Jest 單元測試工具。還有一個基于 Node.js 的 WebServer 幫助我們更好的在本地預覽應用,等等。
2.安裝與使用
通過 npm、yarn、npx 都可以
2.1 安裝
npm
npm i -g create-react-app
yarn
yarn global add create-react-app
2.2 使用
create-react-app <項目名稱>
3.項目目錄結(jié)構(gòu)說明
my-app/
README.md
node_modules/
package.json
public/
index.html
favicon.ico
src/
App.css
App.js
App.test.js
index.css
index.js 項目的入口文件
logo.svg
4.命令腳本
npm start
啟動一個內(nèi)置的本地 WebServer,根目錄映射到 './public' 目錄,默認端口:3000
npm run test
運行 Jest 測試
npm run build
打包應用(準備上線)