React环境安装
npm install -g create-react-app（将脚手架安装在node的全局包，底层是webpack打包环境）
create-react-app my-app（my-app是项目名）创建项目时应用名称不要有大写字母
npm run start 启动项目的指令
npm run build 打包项目的指令
使用官方的脚手架
npx create-react-app <projectname>
这只是创建一个最基本的react项目，除了react的基本构建，没有配任何路由和状态管理，项目使用webpack构建。
也可以使用集成的一些脚手架，比如umi所搭建的项目环境就会集成项目很多功能。
React项目结构了解
- 1）node_modules：包含了react项目中会用到的一些依赖模块，使用npm install的时候下载到此处。
- 2）public：用于存放一些静态资源，包含了我们项目中的启动页面。react也比较适合单页面项目应用开发，所以暂时只包含一个index.html，并且这也是react工程的入口页面，入口页面就是启动项目后，打开的首页所呈现的那个页面。
- 3）src：包含了一些我们自己所编写的js文件，css文件，img文件等。但初次打开src文件夹就会发现很混乱，但只需要保留index.js即可，系统默认将index.html对应了index.js，index.js也就是我们项目打包的入口js文件。App.js是项目的根组件，其他的组件和页面都是它的子组件。App.test.js用于对App组件进行单元测试的，，setupTest.js用于对单元测试启动的，reportWebVitals.js用于性能检测的。
整个项目的内容会挂载在index.html的id为root元素进行显示
index.js用于把项目挂载到指定的Dom节点
React框架特点
Vue框架的特点是数据驱动页面和组件化开发。
React的特点是声明式设计（JSX语法）和组件化开发。JSX 是 JavaScript 语法的扩展即JavaScript和XML。React 开发不一定使用 JSX ，但我们建议使用它。组件在Vue中是通过.vue 文件（template/script/style）实现的模板文件，而React 构建组件没有像Vue中那样的模板文件，在React中一切都是以js来实现的，所以css样式只能外部用import来引入文件。这样使得代码更加容易得到复用，能够很好的应用在大项目的模块化开发中。
React核心库
- React：React核心库，提供react的各个功能
- React-dom：提供一些dom操作方法用于把react创建出来的react对象挂载到真正的的html的dom元素中，或者从html的dom元素中卸载。核心作用类似于vue的mount
// 创建出来的react对象挂载dom元素
const root = ReactDom.createRoot(document.getElementById("root"));
root.render(
<React.StrictMode>
<App />
<React.StrictMode>
)
// 创建出来的react对象从dom元素中卸载
setTimeOut(() => {
root.unmount();
},2000)
