Windows下React环境搭建

1.安装Python，下载地址https://www.python.org/，选择"Windows x86-64 executable installer"即可。

(1.)勾选"Add Python x.x to PATH"（备注：x.x为版本号）

(2.)点击"Customize installation"

(3.)"Optional Features"默认即可,点击"Next"

(4.)"Advanced Options"中，勾选"Install for all users"即可，不需要调试的话"Download debugging symbols"和"Download debug binaries"可以不用勾选，点击"Install"。等待安装完成。

(5.)打开命令行，输入python，如果显示出版本信息说明安装成功。

2.安装node.js,下载地址https://nodejs.org/en/，选择"x.x.x LTS"长期支持版即可(x.x.x为版本号)。新版的node.js自带npm。

(1.)安装时可以根据自己的需要修改安装路径，其它的默认即可

(2.)安装完成后可以在命令行中使用"npm -v"和"node -v"查看版本号来确认安装是否成功

(3.)设置npm全局模块路径和缓存路径（可选）

# 设置全局模块所在路径，引号中的路径请替换成你自己的
npm config set prefix "D:\Dev\nodejs\node_global"
# 设置缓存路径，引号中的路径请替换成你自己的
npm config set cache "D:\Dev\nodejs\node_cache"

(4.)修改环境变量（可选：如果修改了全局模块所在路径，则需要进行修改）

"我的电脑"->"属性"->"高级系统设置"->"环境变量"->"用户变量",修改其中的"path"变量。将"*\Roaming\npm"修改为自己设定的全局模块路径，例如"D:\Dev\nodejs\node_global"。

(5.)修改镜像源（可选：你也可以使用科学上网的方式，但是比较麻烦）

由于网络原因，可能需要将镜像源修改成第三方的，这里有三种方式：

<1.>在命令行中输入

npm config edit

直接修改"registry"的地址

<2.>在命令行中输入

# resource_url为镜像源地址
npm config set registry resource_url

<3.>使用nrm来管理"registry"地址（推荐）

首先，安装nrm：

npm install nrm -g

查看镜像列表：

nrm ls

"*"标识当前使用的"registry"地址。前面的是镜像源名称，后面的是镜像源地址。

切换镜像源：

# resource_name为镜像源名称
nrm use resource_name

即可切换到resource_name指定的npm镜像源。

添加自定义镜像源：

# resource_name为镜像源名称，resource_url为镜像源地址
nrm add resource_name resource_url

删除自定义镜像源：

nrm del resource_name

测试镜像源速度：

nrm test resource_name

3.安装自己喜欢的IDE（例如：WebStorm）或使用在线服务：

Cloud Studio https://studio.dev.tencent.com/

Codepen https://codepen.io

JSFiddle http://jsfiddle.net/

CodeSandBox https://codesandbox.io

4.补充：

Windows：nvm windows

Mac/Linux：nvm

5.cnpm

• npm install cnpm -g --registry=https://registry.npm.taobao.org
• cnpm -v 来测试是否成功安装