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 的版本号:
    在这里插入图片描述
npm全局安装路径添加到系统环境变量中,可以让你在命令行中直接使用全局安装npm包。具体步骤如下: 1. 首先确定npm全局安装目录。你可以在命令行中输入以下命令来获取这个路径: ``` npm config get prefix ``` 这个命令会返回一个路径,这通常是你需要添加到环境变量中的路径。 2. 然后需要将这个路径添加到系统的PATH环境变量中。在Windows系统中,这通常意味着需要修改`%PATH%`变量;在Unix/Linux/Mac系统中,则需要修改`$PATH`变量。 对于Windows系统,可以按照以下步骤操作: - 右键点击“我的电脑”,选择“属性”。 - 点击“高级系统设置”。 - 在系统属性窗口中,点击“环境变量”按钮。 - 在“系统变量”区域找到名为“Path”的变量,选择它然后点击“编辑”。 - 在变量值的末尾,添加一个分号(;),然后粘贴你之前获取的npm全局安装目录路径。 - 点击“确定”保存设置。 对于Unix/Linux/Mac系统,可以按照以下步骤操作: - 打开你的shell配置文件,通常是`.bashrc`,`.bash_profile`,`.zshrc`或者`.profile`,使用文本编辑器打开。 - 在文件的末尾添加一行,如:`export PATH=$PATH:/path/to/npm/global/bin`。这里的`/path/to/npm/global/bin`需要替换为你实际的npm全局安装路径下的`bin`目录路径。 - 保存文件并关闭编辑器。 - 在命令行中运行`source ~/.bashrc`(或者对应的配置文件名),使更改生效。 3. 完成以上步骤后,打开一个新的命令行窗口或者重新加载当前的命令行窗口,输入`npm -g list`查看全局安装npm包,以确认环境变量设置正确。
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

兮动人

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

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

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

打赏作者

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

抵扣说明:

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

余额充值