多版本node管理工具nvm

什么是nvm?

在项目开发过程中,使用到vue框架技术,需要安装node下载项目依赖,但经常会遇到node版本不匹配而导致无法正常下载,重新安装node却又很麻烦。为解决以上问题,nvm:一款node的版本管理工具,能够管理node的安装和使用,使用简单,可下载指定node版本和切换使用不同版本,方便了node的使用。

下载

下载地址:https://github.com/coreybutler/nvm-windows/releases

慢的话,可以到这里下载 https://nvm.uihtm.com/

安装nvm

  1. 卸载之前的node后安装nvm, nvm-setup.exe安装版,直接运行nvm-setup.exe
  1. 后面一直下一步就行,没啥难度,跳过了

使用nvm安装node

1.nvm list available 显示可下载版本的部分列表

  1. 配置源

nvm安装目录下,找到settings.txt,在文件中加入

node_mirror: https://npmmirror.com/mirrors/node/

npm_mirror: https://npmmirror.com/mirrors/npm/

  1. nvm install 版本号 安装指定的版本的nodejs
  1. 查看已安装版本

nvm list或nvm ls查看目前已经安装的版本 ( 当前版本号前面没有 * , 此时还没有使用任何一个版本,这时使用 node.js 时会报错 )

  1. 切换版本

nvm use版本号 使用指定版本的nodejs ( 这时会发现在启用的 node 版本前面有 * 标记,这时就可以使用 node.js )

到此已完成nvm的使用,若在使用npm工具下载慢时,继续往下看,否则就可以跳过一下步骤

  1. 设置node淘宝镜像

设置

shell 复制代码
npm config set registry https://registry.npmmirror.com/

查看是否配置成功

shell 复制代码
npm config get registry
  1. 全局安装cnpm

cnpm 本身就是国内的 因此无需配置镜像

cnpm安装【图片中的示例是旧地址,没更新,复制下方代码即可】

shell 复制代码
npm install -g cnpm --registry=https://registry.npmmirror.com/

shell 复制代码
npm install -g cnpm

查看cnpm版本

shell 复制代码
cnpm -v

npm list cnpm -g
  1. 全局安装yarn
shell 复制代码
npm install yarn -g

设置淘宝的镜像并查看

查看镜像

yarn config get registry

修改镜像

yarn config set registry http://registry.npm.taobao.org/

nvm命令

shell 复制代码
nvm arch:显示node是运行在32位还是64位。
nvm install <version> [arch] :安装node, version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装32位还是64位版本,默认是系统位数。可以添加--insecure绕过远程服务器的SSL。
nvm list [available] :显示已安装的列表。可选参数available,显示可安装的所有版本。list可简化为ls。
nvm on :开启node.js版本管理。
nvm off :关闭node.js版本管理。
nvm proxy [url] :设置下载代理。不加可选参数url,显示当前代理。将url设置为none则移除代理。
nvm node_mirror [url] :设置node镜像。默认是https://nodejs.org/dist/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。
nvm npm_mirror [url] :设置npm镜像。https://github.com/npm/cli/archive/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。
nvm uninstall <version> :卸载指定版本node。
nvm use [version] [arch] :使用制定版本node。可指定32/64位。
nvm root [path] :设置存储不同版本node的目录。如果未设置,默认使用当前目录。
nvm version :显示nvm版本。version可简化为v。
相关推荐
Zz_waiting.14 分钟前
Javaweb - 14.6 - Vue3 数据交互 Axios
开发语言·前端·javascript·vue·axios
GISer_Jing1 小时前
滴滴二面(准备二)
前端·javascript·vue·reactjs
F2E_Zhangmo1 小时前
基于cornerstone3D的dicom影像浏览器 第一章 webpack5+vue2+cornerstonejs项目创建
vue·cornerstone·cornerstone3d·cornerstonejs
摇滚侠11 小时前
Vue3入门到实战,最新版vue3+TypeScript前端开发教程,笔记02
vue
zhong liu bin12 小时前
Vue框架技术详解——项目驱动概念理解【前端】【Vue】
前端·javascript·vue.js·vscode·vue
知识分享小能手13 小时前
React学习教程,从入门到精通,React 使用属性(Props)创建组件语法知识点与案例详解(15)
前端·javascript·vue.js·学习·react.js·前端框架·vue
知识分享小能手19 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
赵得C1 天前
【前端技巧】Element Table 列标题如何优雅添加 Tooltip 提示?
前端·elementui·vue·table组件
叫我阿柒啊1 天前
Java全栈开发工程师的实战面试经历:从基础到微服务
java·微服务·typescript·vue·springboot·前端开发·后端开发