React开发教程(1) nodejs安装及其配置环境变量

要进行React开发之前，需要安装好开发环境。我用的是webstorm2019 IDE。在网上找了破解方法。

开发React的第一步便是安装好nodejs环境。

如果你要系统的学习React语法知识，可以参考React开发手册。当然也可以关注后续我写的教程。打算写一个系列文章。

​

一、安装环境

1、windows 10 （64位）

2、node.js 10.13.0

​

二、安装nodejs步骤

1、官网下载nodejs https://nodejs.org/en/download/

2、下载好之后尽量不要改安装路径什么的，一路enter即可。

3、安装完成后，在桌面空白处按住Shift点鼠标右键—在此处打开命令行窗口，然后输入node-v查看node版本号，输入npm-v查看。如图：

​

image

​

代表安装成功。

​

三、配置环境变量

1、nodejs目录文件夹如图：

​

image

​

​

创建如上图两个新文件夹1.node_cache 2.node_global

然后打开cmd命令行

输入如下命令：

npm config set prefix “C:\Program Files\nodejs\node_global”

npm config set cache “C:\Program Files\nodejs\node_cache”

如图：

​

image

​

​

接下来就是配置环境变量了，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

​

image

​

​

而后设置这两个属性即可。

1.用户变量设置如下

​

image

​

2.系统变量设置如下

​

image

​

而后就是配置成功，就可以使用了

​