1.介绍
Create React App 是一个使用 Node.js 编写的命令行工具,通过它可以帮助我们快速生成 React.js 项目,并内置了 Babel、Webpack 等工具帮助我们实现 ES6+ 解析、模块化解析打包,通过它,我们可以使用模块化以及 ES6+ 等更新的一些特性。同时它还内置 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.项目目录结构说明
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
启动一个内置的本地 WebServer,根目录映射到 './public' 目录,默认端口:3000
npm run test
运行 Jest 测试
npm run build
打包应用(准备上线)