4、React开发环境搭建与测试全流程指南

React开发环境搭建与测试全流程指南

1. 准备工作

在开始使用React之前，需要确保已经安装了Node和NPM。可以通过以下命令检查版本：

$ node -v
v9.4.0
$ npm -v
5.6.0

2. 项目搭建

使用Create React App CLI来生成项目模板，步骤如下：
1. 全局安装Create React App：

$ npm install create-react-app@1.5.1 --global

2. 在“services”目录下创建一个名为“client”的新目录，并进入该目录：

$ mkdir client
$ cd client

3. 生成项目模板：

$ create-react-app .

这将创建基本的项目结构并安装所有依赖项。完成后，启动服务器：

$ npm start

启动服务器后，Create React App会自动在默认浏览器中打开应用，地址为http://localhost