React 开发环境准备

1. 使用reactjs，一般有以下两种方式：

（1）通过script标签引入reactjs。这种方式不推荐使用，如果我们的项目比较大，就需要对项目进行拆分，于是页面就需要通过script标签引入很多js文件；这样性能很低，维护性也很差。

（2）使用脚手架工具。脚手架是前端开发过程中的一种辅助工具，它会自动帮我们构建一个大型项目的开发流程和目录，允许我们以一定方式去实现 js 的相互引用，让我们更加方便的对项目进行管理。推荐使用

2. 开发环境准备，这里我们使用官方提供的脚手架工具 create-react-app。

安装 create-react-app 之前，我们要先安装 node。

Node.js 安装配置菜鸟教程

安装好Node 之后，我们就可以开始安装 create-react-app 了。

在命令行分别输入以下命令。

npm install -g create-react-app
create-react-app my-app
cd my-app
npm start

稍后会自动打开默认浏览器运行

如上图所示，项目创建成功了。