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

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

查看 npm 默认路径配置

  • 查看 npm 路径配置,npm 的默认安装路径:C:\用户\用户名\AppData\Roming\npm
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,然后执行如下两个命令:
    在这里插入图片描述

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 的版本号:
    在这里插入图片描述
  • 4
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

兮动人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值