React开发环境搭建

 

React作为时下较为热门的前端框架之一，由facebook公司开创，用于搭建响应式的前端页面。react的思路是all in js，通过js来生成html，所以设计了jsx语法，还有通过js来操作css，下面我们先开始搭建React框架运行环境：

1、安装node

根据安装提示安装node.js，npm包管理工具也会一同安装

2、查看node和npm版本号

查询到版本号,说明电脑已成功安装node和npm

3、全局安装create-react-app（react脚手架工具）

在cmd命令行中输入：npm install -g create-react-app

 

4、npm换源

在命令窗口执行npm config set registry https://registry.npm.taobao.org。

安装这里是因为我们用的npm的服务器是外国,，安装依赖会很慢，所以就用这个cnpm来安装我们需要的依赖。

 

5、使用脚手架创建一个新项目

在cmd中输入：create-react-app 项目名，开始生成项目

生成成功

6、查看创建完的文件夹，内容如下图：

1. 
    

其中：

node_modules用于存放项目的依赖包，也就是构建这个React项目可能会用到的工具，

public文件夹中是 index.html存放目录，也就是React根页面的所在地

src中用于存放js文件，也就是项目开发中的主要区域

package.json用于记录项目信息，以及外部依赖包的导入信息等

7、进入该目录，导入路由

运行npm install --save  react-router-dom

导入成功

8、运行npm start 启动项目，项目创建成功