设置 React 环境 - Javascript

React 是 Facebook 出品的一款构建用户界面的 JavaScript 库。要使用 React 必须先设置好环境。

以下是设置 React 环境的步骤：

安装 Node.js

Node.js 是一个运行在服务器端的 JavaScript 运行环境，在开发 React 应用中需要使用 Node.js。Node.js 可以在官网 https://nodejs.org/en/ 上下载安装包，安装完成后，打开终端输入以下命令查看 Node.js 版本。

node -v

Node.js 可以自带 npm 包管理器，可以使用命令 npm -v 查看是否安装成功。

安装 React

React 库安装有两种方式：使用 CDN 或者使用 npm 安装。在这里我们介绍 npm 安装方式。

在终端输入以下命令进行安装：

npm install react

如果你需要使用 React 开发单页应用，还需要安装 React-Router。

npm install react-router-dom --save

其中 --save 参数表示将安装的包添加到 package.json 中的 dependencies 管理中。

创建 React 工程

安装 React 后，我们需要创建一个 React 工程。React 官网提供了一个官方命令行工具 create-react-app 来帮助我们创建一个基础的 React 工程。

首先，使用以下命令安装 create-react-app。

npm install -g create-react-app

安装完成后，在需要创建工程的目录下，运行以下命令。

create-react-app my-app

其中 my-app 为工程名称。

运行命令后，将会自动创建一个 React 工程，并自动安装所有的依赖包。

运行 React 工程

在创建工程后，我们需要启动工程进行开发。

在工程目录下，运行以下命令：

npm start

该命令将会启动工程并打开浏览器访问工程页面。

结束语

至此，React 环境设置完成。祝愉快的开发。