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项目成功。