使用nvm去管理node版本自动匹配对应的npm流程

许愿呐
121 阅读4分钟

网上的资料千千万，自己总结的才香！！！

安装前一定一定要彻底卸载干净

完全卸载操作

完全卸载node、nvm

  • 打开系统的控制面板，点击卸载程序，卸载nodejs、nvm

02cbd1149e52413e9f594607b2d4388c.png

  • 删除node、nvm的安装目录，检查一下在的话就手动删除

333.png

  • 查找.npmrc文件是否存在，有就删除 ###.npmrc默认在C:\User\用户名。.node_repl_history如果存在也删除，没有请忽略

ba972967750e417199cbb878a3dfd867.png

  • 逐一查看以下文件是否存在，存在就删除,~非常重要！ C:\Program Files (x86)\Nodejs C:\Program Files\Nodejs C:\Users\用户名\AppData\Roaming\npm C:\Users\用户名\AppData\Roaming\npm-cache C:\Users\用户名\AppData\Local\npm-cache

完全卸载之前配置的环境

  • 打开系统设置，检查系统环境变量，将node、npm、nvm相关的配置都删掉，相关就删！！！

一般系统会自动把node环境变量删掉了，可以不用管这步 环境变量打开方式：我的电脑->属性->高级系统设置->环境变量-> 删掉用户变量和系统变量的NODE_PATH 及Path 里的相关的node（注意，不要把整个path删掉，点击编辑，只删除node相关的即可；如果手误，依次点击取消关闭弹窗就不会保存成功，若是手误删掉了，还点击的是确定按钮，那笔者也没有办法了） 确认删除无误之后，依次点击确定关闭，否则可能存在删除失败问题

检查是否卸载干净

在键盘上按下win + R ，输入cmd ，然后点击回车键，在命令行中输入node -v npm -v，如下图所示表示卸载成功。

83646b76ad21404dba25124add58e6db (1).png

重启电脑

安装操作

nvm安装操作

1、下载NVM

a70a674b382640b9820229a47b88af78.png

2、双击下载好的文件，开始安装

正常安装就好了，需要注意选择NVM安装路径，路径名称不要有空格 node.js安装路径就装在nvm下创建文件夹nodejs就行

选择NVM安装路径，路径名称不要有空格，然后点击next

612e262f5ba74cbc8e57d27d1489245d.png

node.js安装路径，然后点击next

e692e56e635a402a92b80f385b8c5743.png

nvm修改镜像源

  • nvm的安装目录，不知道的可以输入命令查看win + R ，输入cmd ，回车后，在命令行输入nvm root 命令，可以查看nvm的安装根路径在那个文件夹

332211.png

  • 在文件管理器地址栏输入root地址，找到setting.txt文件并打开

77777.png

  • 复制粘贴以下代码，如图所示。保存完成nvm源修改。
使用最新的淘宝镜像哦！
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror:  https://npmmirror.com/mirrors/npm/

5555555.png

nvm配置环境变量

  • 环境变量打开方式：我的电脑->属性->高级系统设置->环境变量->
  • 确认与如下配置保持一致（默认nvm安装成功后，会自动生成）

123.png

  • win + R ，输入cmd ，回车后，在命令行输入nvm -v 命令，返回版本号，证明配置成功。

4444.png

安装nodejs

  • 安装指定的版本：nvm install 10.23.0
  • 查看安装的所有版本：nvm list 或 nvm ls
  • 进入或切换版本：nvm use 18.15.0

安装成功后会成对应的文件夹，如下图所示

1228.png

  • 检查是否安装成功： node -v 查看node的版本、npm -v 查看npm的版本

nodejs环境变量配置

配置全局安装的模块路径和缓存路径

  • 首先在NVM的安装目录新建两个文件夹node_global和node_cache

00000.png

  • 创建完两个文件夹后，在cmd窗口中输入以下命令（两个路径即是两个文件夹的路径）
npm config set prefix "D:\Programs\nvm\node_global"
npm config set cache "D:\Programs\nvm\node_cache"

332334234243243242342.png

设置用户变量

【用户变量】中的path变量，%NVM_HOME% 和 %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。如果没有，新建进去。 如果有C:\Users\用户名\AppData\Roaming\npm，则将其修改为D:\Programs\nvm\node_global(刚刚新建node_global文件夹的位置)，如果没有就自己新建D:\Programs\nvm\node_global，总之保证有以下图片中内容

对对对.png

设置系统变量

  • path变量的设置和用户变量中一致

22222212121png.png

  • 新建环境变量 NODE_PATH，值为D:\Programs\nvm\node_global\node_modules，其中D:\Programs\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹，没有就自己创建一个啦

678.png

987.png

好了，启动你项目去吧，拜拜~

avatar
文章
阅读
粉丝