nvm安装(卸载旧的nodejs,安装nvm、node、npm及环境变量配置)

265 阅读4分钟

一、卸载nodejs

1、打开系统的控制面板,点击程序下的卸载程序,完全卸载旧的nodejs

2、删除node的安装目录,安装目录默认是C:\Program Files\nodejs

3、查找.npmrc文件是否存在,有就删除

.npmrc默认在C:\User\用户名.node_repl_history如果存在也删除,没有请忽略。

4、逐一查看以下文件是否存在,存在就删除

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

5、打开系统设置,检查系统环境变量,将node相关的配置都删掉

一般系统会自动把node环境变量删掉了,可以不用管这步

环境变量打开方式:我的电脑->属性->高级系统设置->环境变量->

删掉用户变量和系统变量的NODE_PATH 及Path 里的相关的node(注意,不要把整个path删掉,点击编辑,只删除node相关的即可;

6、查看是否卸载成功

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

二、安装nvm

1、下载NVM

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

3、选择我接受,然后点击next

4、选择NVM安装路径,路径名称不要有空格,然后点击next,路径D:\Programs\nvm

5、node.js安装路径,然后点击next D:\Programs\nvm\nodejs 一直下一步

三、nvm修改镜像源

  • win + R ,输入cmd ,回车后,在命令行输入nvm root 命令,可以查看nvm的安装根路径在那个文件夹
  • 在文件管理器地址栏输入root地址,找到setting.txt文件并打开
  • 复制粘贴以下代码,如图所示。保存完成nvm源修改。

node_mirror: npmmirror.com/mirrors/nod…

npm_mirror: npmmirror.com/mirrors/npm…

四、nvm常用命令

nvm install version:安装指定版本的 Node.js。

nvm use version:切换到指定版本的 Node.js。

nvm ls:列出已安装的所有 Node.js 版本。

nvm current version:显示当前正在使用的 Node.js 版本。

nvm uninstall version:卸载指定版本的 Node.js。

五、nvm配置环境变量

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

企业微信截图_17262982986436.png

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

六、安装nodejs及环境变量配置

1、通过nvm安装node

  • 查看node.js最新的一批版本 nvm list available
  • 安装指定的版本:nvm install 20.17.0
  • 查看安装的所有版本:nvm list 或 nvm ls
  • 进入或切换版本:nvm use 20.17.0
  • 安装成功后会成对应的文件夹,如下图所示

企业微信截图_17262985983953.png

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

2、node环境变量配置

(1) 配置全局安装的模块路径和缓存路径
  • 首先在NVM的安装目录新建两个文件夹node_globalnode_cache,如上图
  • 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径)

npm config set prefix "D:\Programs\nvm\node_global"

npm config set cache "D:\Programs\nvm\node_cache"

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

企业微信截图_17262996372744.png

(3)设置系统变量
  • path变量的设置和用户变量中一致 企业微信截图_17262996974239.png
  • 新建环境变量 NODE_PATH,值为D:\Programs\nvm\node_global\node_modules,其中D:\Programs\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹

企业微信截图_17262997414830.png

3、测试

  • 全局安装最常用的 express 模块 进行测试
  • npm install express -g
  • 完成后会得到一个express的文件

4、设置淘宝的镜像并查看

npm config set registry registry.npmmirror.com/

npm config get registry

完成