一.搭建本地开发环境

1.安装Node.js、npm

注意：当我们在官网下载Node.js进行安装的时候npm也安装上啦。
下载node.js---官网下载。

（左边是稳定版）（右边测试版）
下载后点击安装-next--

直到完成。。。。

1.检测node.js是否安装成功

1.打开cmd输入node -v
如图所示安装成功

2.检测npm是否安装成功

1.打开cmd输入npm -v
如图所示安装成功

总结：在安装Node.js和npm的时候还是很方便的因为不需要自己手动配置系统环境变量

2.安装Create React APP

当我们安装好Node.js和npm之后我们来安装Create React APP

全局安装

打开我们的cmd输入下列命令即可：

# 全局安装
npm install -g create-react-app

当这一步结束的时候我们的环境也就搭建好了，下一步我们要开始创建项目了

二.构建React项目

创建项目

方法1.打开我们的cmd输入一下命令即可：

# 构建一个dome1的项目
npx create-react-app dome1

#进入这个项目目录
cd dome1

# 当我们启动编译当前的React项目时候，它会自动打开 http://localhost:3000/
npm start

以上命令执行完成后，则自动打开： http://localhost:3000/
启动后的样式如图：

项目目录

当我们创建好项目后项目的默认目录：

├── public                  # 这个是webpack的配置的静态目录
│   ├── favicon.ico
│   ├── index.html          # 默认是单页面应用，这个是最终的html的基础模板
│   └── manifest.json
├── src
│   ├── App.css             # App根组件的css
│   ├── App.js              # App组件代码
│   ├── App.test.js
│   ├── index.css           # 启动文件样式
│   ├── index.js            # 启动的文件（开始执行的入口）！！！！
│   ├── logo.svg
│   └── serviceWorker.js
├── package.json
|---package-lock.json