react --- 搭建环境

搭建react开发环境的准备工作

1. node.js 稳定版本

2. 安装cnpm，用cnpm代替npm

3. 用yarn替代npm

yarn的安装：npm install -g yarn

搭建react开发环境

1. 安装脚手架工具  只需要安装一次

　　npm install create-react-app -g

2. 创建项目

　　找到项目要创建的目录： 

　　create-react-app demo 

3. cd到项目里面

　　npm start / yarn start 运行项目

　　npm run build / yarn build 生成项目

项目文件解析

src/index.js　　--- 入口文件

VSCode 设置自动显示元素

在vscode中的 `文件>首选项>设置` 中，直接搜索 `include Language` ，进入 `settings.json` ：

找到 `"emmet.includeLanguages"` 字段，添加：

```json
　　"emmet.includeLanguages": {
　　　　"javascript": "javascriptreact"
　　},

　　"emmet.triggerExpansionOnTab": true      // 标签名 + Tab 快速出标签

```