前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >npm 设置全局变量安装路径及环境配置

npm 设置全局变量安装路径及环境配置

作者头像
兮动人
发布2021-06-11 19:27:22
发布2021-06-11 19:27:22
18.5K10
代码可运行
举报
文章被收录于专栏:兮动人的博客兮动人的博客
运行总次数:0
代码可运行

安装 nodejs 的时候最好不要安装到默认的C盘下。但是一般情况下安装node.js环境,程序会自动把 npm 全局模块的路径设置在系统盘(一般默认是C盘)。

文章目录

查看 npm 默认路径配置

  • 查看 npm 路径配置,npm 的默认安装路径:C:\用户\用户名\AppData\Roming\npm
代码语言:javascript
代码运行次数:0
运行
复制
npm config ls
  • 如果是第一次使用 npm 安装 npm 安装包的话,在配置中只会看到prifix的选项,就是 npm 默认的 全局安装目录。但是如果多次使用 npm 安装包的话,就会看到cacheprefix两个路径。

配置npm在安装全局模块时的路径和缓存cache的路径

  • 默认情况下,在哪个文件夹下运行 npmnpm 就在当前目录创建一个文件夹 node_modules,然后将要安装的程序安装到文件夹node_modules里面。这样就是每次下载或安装插件啥的都会自动创建这个 node_module 文件夹,有点乱,所以下面就可以改变这个安装程序的默认路径。
  • 在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在 C:\Users\用户名\AppData\Roaming路径下的npmnpm_cache中,不方便管理且占用C盘空间,如下图所示:
  • 所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_globalnode_cache,然后执行如下两个命令:
代码语言:javascript
代码运行次数:0
运行
复制
npm config set prefix "F:\nodejs\node_global"

npm config set cache "F:\nodejs\node_cache"   
  • 执行成功。然后在环境变量 —> 系统变量中新建一个变量名为 NODE_PATH, 值为:F:\nodejs\node_modules这 node_modules 在 nodejs 的根目录下,如下图
  • 最后编辑 用户变量 里的Path,将相应npm的路径改为:F:\nodejs\node_global,如下:
  • 更改后:

测试是否配置成功

  • 执行 npm install webpack -g, 然后安装成功后可以看到自定义的两个文件夹已生效:
  • webpack 也已安装成功,执行 npm webpack -v 可以看到所安装 webpack 的版本号:
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/12/20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 文章目录
  • 查看 npm 默认路径配置
  • 配置npm在安装全局模块时的路径和缓存cache的路径
  • 测试是否配置成功
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档