react学习（十）React脚手架

1 React脚手架

1 xxx脚手架：用来帮助程序员快速创建一个基于xxx库的模板项目。包含了所有需要的配置，下载好了相关依赖

React提供的脚手架：create-react-app

2 创建过程

第一步：全局安装create-react-app。npm install -g create-react-app。要使用脚手架，首先这个脚手架要存在，这一步就是安装这个脚手架。

第二步：切换到想创建项目的目录，使用命令npx create-react-app 项目名创建一个项目

第三步：进入项目文件夹，启动项目，npm start

2 使用create-react-app快速创建一个项目

npx create-react-app wechat --template typescript

如果提示A template was not provided，说明create-react-app太旧，需要首先卸载，重新安装

npm uninstall -g create-react-app

查看是否卸载

$ which create-react-app
/e/nodejs/node_global/create-react-app

如果没有卸载干净，则

rm -rf /c/Users/songzhenjing/AppData/Roaming/npm/create-react-app

重新执行

npx create-react-app wechat --template typescript

看到如下界面说明安装成功

我们启动项目看一下结果，启动命令都放在package.json文件里面了。我们进入到wechat目录，查看一下这个文件

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

执行npm run start启动项目，启动完毕，浏览器将会自动为我们打开如下这个页面

 至此，脚手架创建React项目成功。