npm修改全局包安装路径
两种安装方式
我们都知道,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盘了。
分类:
Web大前端
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤