方式一

注意：nodejs 版本要在 V14 以上 （建议使用最新版本）

1. 安装环境

npm install -g create-react-app

2. 创建项目

create-react-app my-app

3. 进入项目

cd my-app

4. 启动项目

npm start

5. 拓展
   打包项目：npm run build
   显示 webpack 配置：npm run eject

方式二

1. 注意 react 和 ract-dom 要选择路径中含有 /umd/ 的 url
2. 注意 script 标签的 type 属性的值是 text/babel
3. 注意 ract-dom 依赖于 react， react 必须在ract-dom之前引入

<script src="https://cdn.bootcdn.net/ajax/libs/react/17.0.2/umd/react.development.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/react-dom/17.0.2/umd/react-dom.development.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/babel-standalone/7.0.0-beta.3/babel.js"></script>

方式三

1. 初始环境

npm init -y

2. 安装依赖

npm install react react-dom babel-standalone -S

3. 新建 index.html 代码如下
4. 注意 react 和 ract-dom 要选择路径中含有 /umd/ 的 url
5. 注意 script 标签的 type 属性的值是 text/babel
6. 注意 ract-dom 依赖于 react， react 必须在ract-dom之前引入

<script src="node_modules/react/umd/react.development.js"></script>
<script src="node_modules/react-dom/umd/react-dom.development.js"></script>
<script src="node_modules/babel-standalone/babel.js"></script>