2019-05-06 npm默认路径修改

2019-05-06  本文已影响0人  飞天宵夜

作者:Jerry_Cheung

链接:https://www.jianshu.com/p/9f1b5b347bd1

来源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

两种安装方式

我们都知道,npm的安装方式有两种,分为全局安装和局部安装。

顾名思义:全局安装就是在任何文件夹都可运行,其实原理也就是写进环境变量,每次在命令行中敲入命令时,根据环境变量的设置寻找对应的可执行程序运行。

npm install -g

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

npm install

强迫症导致修改路径

包的默认安装路径

局部安装

当选择项目局部安装包时,默认的安装路径为项目根目录文件夹node_modules。这个不是主题就不多说了。

全局安装

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

修改全局包安装路径

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

npm configsetprefix"E:/Developer/nodejs/npm_global"npm configsetcache"E:/Developer/nodejs/npm_cache"

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

npm config ls

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

npm install vue-cli -g

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

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

vue init webpack demo

可是却出了错:vue command not found原因很简单,就是我们修改了路径,环境变量却还没配置,所以系统找不到可执行程序

打开环境变量配置,在系统变量中新增NODE_PATH,变量值为设置的安装路径下的node_modules

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

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

上一篇下一篇

猜你喜欢

热点阅读