修改node.js全局依赖包的安装路径

  • Post author:
  • Post category:其他


一、修改全局依赖包下载路径

默认情况下,我们在执行



npm install -g XXXX



下载全局包时,这个包的默认存放路径位


C:\Users\用户名\AppData\Roaming\npm\node_modules



,可以通过

CMD

指令


npm root -g


查看

C:\Users\liaijie\AppData\Roaming\npm\node_modules

但是有时候我们不想让全局包放在这里,我们可以


自定义存放目录


,

方法一:在

CMD

窗口执行以下两条命令修改默认路径:

npm config set prefix "D:\1SoftInstallUrl\NodeJS\node_global"
npm config set cache "D:\1SoftInstallUrl\NodeJS\node_cache"

方法二:打开node安装目录:

D:\1SoftInstallUrl\NodeJS\node_modules\npm\


使用VS Code软件 打开npmrc

文件, 修改如下:


prefix = D:\1SoftInstallUrl\NodeJS\node_global



cache = D:\1SoftInstallUrl\NodeJS\node_cache

以上操作表示,修改全局包的下载目录为

D:\1SoftInstallUrl\NodeJS\node_global,

,修改全局包的缓存目录为

D:\1SoftInstallUrl\NodeJS\node_cache

,并会自动创建

node_global

目录,而

node_cache

目录是缓存目录,会在你下载全局包时自动创建

3、配置环境变量

修改了全局包的下载路径之后,那么我们下载的全局包就会存放在

D:\1SoftInstallUrl\NodeJS\node_modules

而其对应的

cmd

指令会存放在

D:\1SoftInstallUrl\NodeJS\node_global

我全局安装一个

vue-cli

脚手架

npm install @vue/cli -g

安装中:

安装完成后:

查看node_global目录下的node_modules,可找到 @vue的文件夹,则说明vue-cli脚手架按照成功。

使用

CMD

命令

vue create myproject

指令创建一个项目,显示如下

'vue' 不是内部或外部命令,也不是可运行的程序
或批处理文件。

这是因为我们在执行指令时,它会默认在

node

安装根目录下查找指令文件,在这里就是

vue.cmd

,然后还会在

node

安装根目录下的

node_modules

下查找依赖包文件夹,在这里就是

@vue

文件夹,因为我们修改了全局包的存放路径,所以自然找不到了,所以我们需要把我们指定的全局包存放路径添加到系统环境变量,这样就可以找到了


转载作者:月半小夜曲_

转载链接:https://www.jianshu.com/p/13f45e24b1de

转载来源:简书 著作权归作者所有。