npm修改全局包安装路径

2021-12-15

两种安装方式
我们都知道,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根据自己是自己系统的用户名。


修改全局包安装路径

其实就很简单,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看一下,已经安装成功,事实上这就是全局包的安装路径。

 

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

vue init webpack demo

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

 

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

 

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

 

引用: https://www.cnblogs.com/itfky/p/13730624.html

posted @   秦时明月0515  阅读(977)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
历史上的今天:
2020-12-15 springmvc请求参数获取的几种方法
2020-12-15 页面ajax请求传参及java后端数据接收
2020-12-15 @responseBody注解的使用
点击右上角即可分享
微信分享提示