一、如何引入React

（一）从CDN引入

1. 从bootcdn找。注意优先使用umd。
2. 在index.html里的用<script>标签引入React和ReactDOM

<script src="https://cdn.bootcss.com/react/16.13.1/umd/react.production.min.js"></script>
<script src="https://cdn.bootcss.com/react-dom/16.13.1/umd/react-dom.production.min.js"></script>

3. CDN引入的都会变成全局变量。所以现在就有了两个全局变量window.React和window.ReactDOM

（二）通过webpack引入

1. yarn add react react-dom

import React from 'react'
import ReactDOM from 'react- dom'

3. 除webpack外，rollup、 parcel 也支持上面写法

二、搭建React项目

（一）用create-react-app

• 会在创建React项目时自动（通过webpack）引入React

打开vscode的终端

1. 全局安装create-react-app : yarn global add create-react-app

2. 选择我们要创建React项目的根目录（c/xxx/），并进入创建Vue项目：create-react-app react-demo-1。这是在当前目录下创建一个名叫react-demo-1的react项目

3. cd react-demo-1

4. yarn start预览

（二）自己从零搭建React项目

• 使用webpack或者rollup从零开始
• 适合用React半年以上的老手
• 新手请先用方法一学会React再尝试方法二