修改npm全局模块的路径

修改npm全局模块的路径

  • 为什么要改
  • windows安装下载nodejs并安装
  • npm默认安装路径的修改
  • 配置环境变量

为什么要改

这两天因为系统崩溃导致电脑重装,寻思之前安装程序的时候,没有规划好,许多东西都安装在了c盘,系统崩溃后,许多环境只能够重新部署,所以修改npm全局模块还是有必要的!

windows安装下载nodejs并安装

到 Nodejs官网 下载当前最新的稳定版本。
下载完安装包之后进行安装,路径修改成其他盘如D:\dev\nodejs
之后一直下一步,直至完成即可。

npm默认安装路径的修改

1.查看 npm 当前配置
命令行输入npm config ls
修改npm全局模块的路径_第1张图片
由于是第一次安装,所以只能看到prefix的路径,
如果有使用 npm 安装过包的话,会有cacheprefix两个路径

2.在欲更改的目录下新建连个文件夹:node_global_modulesnode_cache,以下以 npm 目录下为例:
在这里插入图片描述
修改npm全局模块的路径_第2张图片
2.打开命令行,依次输入命令

npm  config set prefix "D:\dev\nodejs\node_modules\npm\node_global_modules"
npm  config set cache "D:\dev\nodejs\node_modules\npm\node_cache"

在这里插入图片描述
输入npm config ls,查看是否配置成功
修改npm全局模块的路径_第3张图片
瞧,这里我们已经修改成功,接下来我们需要修改环境变量,不然全局安装的模块会报错,如下图
修改npm全局模块的路径_第4张图片

配置环境变量

  1. 在环境变量中,新建一个系统变量, 变量名:NODE_HOME, 变量值:D:\dev\nodejs
    修改npm全局模块的路径_第5张图片
  2. Path变量名中,新建变量值
    %NODE_HOME%
    %NOED_HOME%\node_modules
    %NODE_HOME%\node_modules\npm\node_global_modules\
    保存
    修改npm全局模块的路径_第6张图片
  3. 测试
    保存之后,重启命令行
    全局安装任意插件,以vue-cli为例,输入 npm install vue-cli -g
    安装完成后,输入 vue init webpack app
    如图,没有报错的话,就成功了 修改npm全局模块的路径_第7张图片
    参考:脚本之家 @隔壁小王同学 《修改Nodejs内置的npm默认配置路径方法》

你可能感兴趣的:(个人记录)