React前端开发环境搭建

Let's   begin

（一）首先我们需要安装node.js，以下是node.js的官网，下载即可。

node.js官网：http://nodejs.org/en/

选择合适的版本后下载下来，如下图所示：

 

 

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

 

安装完成后，打开cmd命令行，输入node  -v和npm -v来查看版本号（中间有空格），如果显示则安装成功。

 

 

 成功安装了node和npm后，因为国内的npm下载很慢，我们可以使用淘宝的cnpm,同时设置镜像地址。

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

 

 安装成功后，我们可以键入cnpm   -v检查是否安装成功

 

 

 （二）创建我们的第一个react项目

例如我们要创建一个todolist项目，我们要以此执行一下步骤：

首先在所在文件夹地址栏中输入cmd enter

使用cnpm install -g create-react-app 全局安装

 

 

 然后再使用create-react-app todolist指令在该文件夹下创建todolist文件夹（时间可能有点长，网速问题）

 

 

 但是中间可能会出现一些警告，那些无关紧要，只要不是错误信息。

在创建成功的基础上，然后通过cd进入刚创建好的todolist文件夹  按下enter键

再输入npm start命令 就会自动弹出react界面