npm修改全局包安装路径

2020-03-12 本文已影响0人 Spidd

强迫症导致了我必须修改，因而找找找，把坑填了，所以就记录一下，方便下次查找。

两种安装方式

我们都知道，npm的安装方式有两种，分为全局安装和局部安装。
顾名思义：全局安装就是在任何文件夹都可运行，其实原理也就是写进环境变量，每次在命令行中敲入命令时，根据环境变量的设置寻找对应的可执行程序运行。

npm install -g <package_name>

局部安装就是在当前项目中建立包，在当前项目中起作用

npm install <package_name>

局部安装
当选择项目局部安装包时，默认的安装路径为项目根目录文件夹node_modules。这个不是主题就不多说了。
全局安装
当选择全局安装时，默认的安装路径为C:\Users\xxx\AppData\Roaming\npm，缓存路径为C:\Users\xxx\AppData\Roaming\npm_cache，其中xxx根据自己是自己系统的用户名。由于我已经改了路径，文件夹也删了，所以就不放图了。这里就是强迫症来源了，你让我每次全局安装包的时候都安装到C盘里，那我肯定受不了的，所以开始改。

其实就很简单，npm给了我们配置的方法，可以通过命令行的方式

npm config set prefix "E:/Developer/nodejs/npm_global"
npm config set cache "E:/Developer/nodejs/npm_cache"

当然了，不一定得是这个路径，得是这个文件名，只是我选择了这个路径这个文件名。配置成功后，可以查看一下是否配置成功

npm config ls

接下来，我们试一下，安装一个全局包，例如vue-cli

npm install vue-cli -g

安装过后，我们到npm_global目录下的node_modules看一下，已经安装成功，事实上这就是全局包的安装路径

image

然后我们开始尝试在命令行用上vue-cli

vue init webpack demo

可是却出了错：vue command not found原因很简单，就是我们修改了路径，环境变量却还没配置，所以系统找不到可执行程序
打开环境变量配置，在系统变量中新增NODE_PATH，变量值为设置的安装路径下的node_modules

image

设置用户变量中path，新增一个值

image

然后就可以了，可以愉快的将全局包不安装在C盘了，end...