creat-react-app
Create React App 是一个官方支持的创建 React 单页应用程序的方法。它提供了一个零配置的现代构建设置。
安装脚手架
- 使用npm安装
npm install -g create-react-app
【注意】目录名为了严谨不能用大写,以为在Linux中是严格区分大小写的
- 使用yarn安装
yarn add create-react-app
初始化一个新的应用
npx是npm5.2以后更新的
npx create-react-app my-app
npm
npm init react-app my-app
npm init 在 npm 6+ 中可用
Yarn
yarn create-react-app my-app
推荐使用yarn安装,以为npm速度较慢,而且容易安装失败
项目的目录结构
my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
└── src
├── App.css
├── App.js
├── App.test.js
├── index.css
├── index.js
├── logo.svg
└── serviceWorker.js
常用的命令
可以通过yarn start或者npm start 这样的格式使用命令
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"