05.搭建create-react-app脚手架

creat-react-app

Create React App 是一个官方支持的创建 React 单页应用程序的方法。它提供了一个零配置的现代构建设置。

安装脚手架

1. 使用npm安装

npm install -g create-react-app

【注意】目录名为了严谨不能用大写，以为在Linux中是严格区分大小写的

2. 使用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"