一、使用官方脚手架创建react项目
- 安装环境
npm install -g create-react-app
- 创建项目
create-react-app my-app
- 进入项目
cd my-app
- 启动项目
npm start
- 拓展
打包项目：npm run build
显示 webpack 配置：npm run eject
二、使用 reactjs 库创建react项目
1. 方式一：直接引入reactjs的 cdn 资源
- 注意事项
1. react 和 ract-dom 要选择路径中含有 /umd/ 的 url
2. script 标签的 type 属性的值是 text/babel
3. ract-dom 依赖于 react， react 必须在ract-dom之前引入
- cdn 资源
<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>
2. 方式二：通过npm下载reactjs库
- 初始环境
npm init -y
- 安装依赖
npm install react react-dom babel-standalone -S
- 新建html文件并引入reactjs库
<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>
