node.js详细安装步骤

1、下载安装包

Node.js 官方网站下载：Node.js

选择操作系统对应的包

2、安装

打开安装，傻瓜式下一步即可

安装成功，此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号

3、配置npm在安装全局模块时的路径和缓存cache的路径

因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间

所以这里配置自定义的全局模块安装目录，在node.js安装目录下新建两个文件夹 node_global和node_cache，然后在cmd命令下执行如下两个命令：

 npm config set prefix "D:\Program Files\nodejs\node_global"
 ​
 npm config set cache "D:\Program Files\nodejs\node_cache"

执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”， 值为“D:\Program Files\nodejs\node_modules”

最后编辑用户变量里的Path，将相应npm的路径改为：D:\Program Files\nodejs\node_global，如下：

配置完成。

4、测试

在cmd命令下执行 npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效。

webpack 也已安装成功，执行 npm webpack -v 可以看到所安装webpack的版本号。

5、配置镜像站

为了提高下载安装速度，配置了镜像站

npm config set registry=http://registry.npm.taobao.org

输入npm config list ，可以查看npm的配置信息，如

最后使用命令 npm install xxx（如vue） -g，即可安装全局依赖，在node_global目录下可以找到安装的包。

6、yarn下载配置

输入指令用npm下载yarn

npm install yarn -g

下载完成后输入指令确认

yarn -v

若返回版本号，则为配置成功

如果插件安装在自定义路径，需要配置环境变量：

系统变量 path 里面加

 D:\Program Files\nodejs\node_global\node_modules\yarn\bin

7、npm和yarn指令对比

npm install react --save            yarn add react

npm uninstall react --save        yarn remove react

npm install react --save-dev    yarn add react --dev

npm update --save                  yarn upgrade