nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)

文章目录

  • 一、完全卸载旧的nodejs
    • 1、打开系统的控制面板,点击卸载程序,卸载nodejs
      • (1)打开系统的控制面板,点击程序下的卸载程序
      • (2)找到node.js,鼠标右击出现下拉框,点卸载
      • (3)确认卸载弹窗,点击是,等待卸载完成。
    • 2、删除node的安装目录
    • 3、查找.npmrc文件是否存在,有就删除
    • 4、逐一查看以下文件是否存在,存在就删除
    • 5、打开系统设置,检查系统环境变量,将node相关的配置都删掉
    • 6、查看是否卸载成功
    • 7、最后,建议重启电脑
  • 二、安装nvm
    • 1、下载NVM
    • 2、双击下载好的文件,开始安装
    • 3、选择我接受,然后点击next
    • 4、选择NVM安装路径,路径名称不要有空格,然后点击next
    • 5、node.js安装路径,然后点击next
    • 6、点击Install
    • 7、点击Finish,完成安装
  • 三、nvm修改镜像源
  • 四、nvm常用命令
  • 五、nvm配置环境变量
  • 六、安装nodejs及环境变量配置
    • 1、通过nvm安装node
    • 2、node环境变量配置
      • (1) 配置全局安装的模块路径和缓存路径
      • (2)设置用户变量
      • (3)设置系统变量
    • 3、测试
    • 4、设置淘宝的镜像并查看
  • 七、全局安装cnpm
  • 八、全局安装yarn
  • 九、笔者的安装目录结构


注意:
1、安装nvm之前需要卸载之前的nodejs,并且还要删除之前的环境变量配置,否则会出现一些奇怪的问题
2、nvm的安装路径不能有中文或者空格,否则后面在cmd中切换node版本会出现乱码

一、完全卸载旧的nodejs

参考文章《Node卸载超详细步骤》

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

(1)打开系统的控制面板,点击程序下的卸载程序

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第1张图片

(2)找到node.js,鼠标右击出现下拉框,点卸载

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第2张图片

(3)确认卸载弹窗,点击是,等待卸载完成。

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第3张图片

2、删除node的安装目录

安装目录默认是C:\Program Files\nodejs,我的在安装时选择的安装位置在D:\Program Files\nodejs

查看该路径下是否有node文件,在控制面板卸载node后一般会自动删除node文件,如果文件还在的话就手动删除,没有的话就忽略。

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第4张图片

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

.npmrc默认在C:\User\用户名

.node_repl_history如果存在也删除,没有请忽略。

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第5张图片

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环境变量删掉了,可以不用管这步
  • 环境变量打开方式:我的电脑->属性->高级系统设置->环境变量->
  • 删掉用户变量系统变量Path NODE_PATH里的相关的node(注意,不要把整个path删掉,点击编辑,只删除node相关的即可;如果手误,依次点击取消关闭弹窗就不会保存成功,若是手误删掉了,还点击的是确定按钮,那笔者也没有办法了)
  • 确认删除无误之后,依次点击确定关闭,否则可能存在删除失败问题
    nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第6张图片
    nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第7张图片
    nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第8张图片

6、查看是否卸载成功

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

,nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第9张图片
nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第10张图片

7、最后,建议重启电脑

二、安装nvm

参考文章《nvm-下载、安装、使用(2023/07/12更新)》 《安装nvm,并使用nvm安装nodejs及配置环境变量》

1、下载NVM

  • 地址:https://github.com/coreybutler/nvm-windows/releases
  • 点击nvm-setup.exe进行下载

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第11张图片

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

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第12张图片

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

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第13张图片

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

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第14张图片

5、node.js安装路径,然后点击next

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第15张图片

6、点击Install

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第16张图片

7、点击Finish,完成安装

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第17张图片

三、nvm修改镜像源

参考文章《nvm下载、nvm安装、nvm修改镜像源、nvm使用》

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

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第18张图片

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

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第19张图片

  • 复制粘贴以下代码,如图所示。保存完成nvm源修改。
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)_第20张图片

四、nvm常用命令

参考文章《nvm下载、nvm安装、nvm修改镜像源、nvm使用》

  • nvm install :安装指定版本的 Node.js。
  • nvm use :切换到指定版本的 Node.js。
  • nvm ls:列出已安装的所有 Node.js 版本。
  • nvm alias :给指定版本创建别名。
  • nvm run

你可能感兴趣的:(前端,npm,前端,node.js)