node环境安装——npm修改默认全局安装路径

前端技术日新月异，javascript问世以来，各路大神添砖加瓦，基于js的后台编程技术node.js登场亮相，给了广大前端码农一条新的出路。从此拳打UI，脚踢后台，原型靠自己，收入看天气。

今天，我就来介绍和体验并迈出学习node.js的第一步：node环境安装。

---

1. 安装

• 首页，我们先下载node.js的安装包.
  如果你不知道去哪里下载，那就戳这里→ ↓↓↓node.js安装包↓↓↓

安装node.js

安装完以后，打开 命令行 查看node.js和npm是否安装成功

$ node -v //查看node.js版本
v12.13.1
$ npm -v //查看npm版本
6.12.1

查看node、npm版本

npm：npm是随同node.js一起安装的包管理工具 。
命令行：通过 开始菜单 或者按下 win + R 键输入 cmd 打开命令行。
node中文文档：同时也是安装包下载地址

2.修改npm的全局安装包路径

这里就不得不提npm的两种安装方式了

• 局部安装

$ npm install 

局部安装的包，只在当前安装路径及下级路径起作用。
默认的安装路径为：/命令行当前路径/node_modules/

• 全局安装

$ npm install -g 

全局安装的包，任何路径下的项目都可以引用。
默认的安装路径为：C:\Users\\AppData\Roaming\npm
默认的缓存路径为：C:\Users\\AppData\Roaming\npm_cache

npm默认全局安装路径

如何修改npm默认全局安装路径？

我必须说明一点：正常情况下，其实没必要修改npm全局安装路径，我这种穷的只有C盘是固态的除外。

可以通过命令行,来进行修改:
npm config set prefix "安装路径"
npm config set prefix "缓存路径"

另外：有强迫症的同学可以将这个路径修改到你的node安装目录下，比如我安装在E:\nodejs\下

node.js安装目录

按照一贯的惯例（别问我，我也不知道哪里来的惯例 ~.~），我们新建两个目录
全局安装路径：E:\nodejs\node_global\
全局缓存路径：E:\nodejs\node_cache\

新建两个文件夹

然后命令行输入

$ npm config set prefix "E:/nodejs/node_global"
$ npm config set cache "E:/nodejs/node_cache"

命令行改变npm默认全局安装路径

然后，我们安装一个less包试一试

$ npm install -g less

npm install -g less

总结（我的学习心得）

唔~，故事讲到这里差不多要结束了。

对了，你是不是感觉到，修改一个路径而已，为何这么麻烦呢？

没错 ！！！ 我也这么觉得！

所以,我教新员工安装环境时都是直接让他们用户文件夹C:\Users\aze下修改就OK了（前提是你要执行过前文修改路径的命令行，是不是很cao蛋？）。

就像这样

9.png

嗯 ，是不是很简单O(∩_∩)O哈哈~！

关于npm install 下载缓慢的问题

可以使用淘宝官方的镜像地址下载所需的资源

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

安装完我们会发现，除非在cnpm 安装目录下使用 $ cnpm -v，在其他路径使用$ cnpm -v会报错。

cnpm -v 无效

出现这种问题，是因为安装node时修改了 node默认的安装路径导致的，这时我们只需要在环境变量中添加cnpm.cmd文件所在的目录路径即可。

首先，我们找到cnpm.cmd文件所在的目录，复制这个路径

cnpm.cmd文件所在路径

然后在环境变量中添加这条路径

修改环境变量path参数

然后打开新的命令行窗口，运行cnpm -v 即可正常运行

正常使用 cnpm 指令

以后下载资源时就可以用 cnpm install less 替代 npm install less 了。

淘宝cnpm