全局安装yarn
cnpm I yarn -g
全局安装react脚手架
cnpm i create-react-app –g react创建项目的脚手架
创建脚手架项目的方法：
1：create-react-app 项目名 如果装不上，就把yarn卸载
2：npx create-react-app 项目名 --use-npm
js与jsx概念
1.js，是一种直译式脚本语言
2.jsx，JavaScript XML是一种在React组件内部构建标签的类XML语 法。
区别
1.浏览器只能识别不同的JS和CSS，不能识别SCSS或者JSX，所以webpack的作用就是把SCSS转换成CSS，把JSX转换成JS，然后在浏览器正常使用。
2.js就是本身react里面的jsx（也就是在JS文件里面直接写HTML那种），现在他们可以直接写是因为编辑器可以选择语言的解析模式。
3.jsx文件会自动触发编辑器以jsx的模式解析当前的文件，所以可以更不会出错。
jsx语法
是在js代码里直接写XML的语法，每一个XML标签都会被JSX转换工具转换成纯JS代码，使用JSX可以使组件的结构和组件之间的关系看上去更加清晰。
npx
1 如果已经安装过包，直接通过npx 包名运行(会自动通过path去找到安装的包的路径进行执行)
2 之前在做项目的时候，都是npm i 模块名,这样的话，就会安装到package.json里面
3 上面的做法都是实实在在的下载到项目里面了
可以通过npx取远程获取，并不下载到本地，可以直接使用
4 假如我想使用http-server模块
（1）npm i http-server package.json里面会多一个配置
(2) http-server运行
ps: npm是一个node package安装工具。 npx的作用是先检查本地有没有安装某个package，如果没有去远程registry找，找到的话直接使用，不用下载到本地node-modules包里面，这样就能优化本地项目的大小，也可以避免安装package到全局
npm nrm npx cnpm yarn
只有在开发环境中使用到，但是在项目上线或者打包后不需要的，你可以不用安装到本地，npx可以帮你解决这个问题,比如.
如果你都用npx做开发。
npm run eject运行完之后，会出现一个config文件夹，有webpack配置
html-webpack-plugin