多版本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。
相关推荐
sunbyte36 分钟前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DragNDrop(拖拽占用组件)
前端·javascript·css·vue.js·vue
skyymrj10 天前
Vue3 + Tailwind CSS 后台管理系统教程
前端·css·vue
程序猿小D10 天前
[附源码+数据库+毕业论文]基于Spring+MyBatis+MySQL+Maven+Vue实现的校园二手交易平台管理系统,推荐!
java·数据库·mysql·spring·vue·毕业设计·校园二手交易平台
伍哥的传说10 天前
react gsap动画库使用详解之text文本动画
前端·vue.js·react.js·前端框架·vue·html5·动画
伍哥的传说10 天前
react gsap动画库使用详解之scroll滑动动画
前端·javascript·vue.js·react.js·前端框架·vue·动画
sunbyte10 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DrinkWater(喝水记录组件)
前端·javascript·css·vue.js·vue
麦兜*11 天前
【node】Mac m1 安装nvm 和node
java·前端·vue.js·chrome·macos·vue·nvm
胡斌附体11 天前
关于vue.mixin与vue.use的用法分析
vue·区别·mixin·通用·use·生活类比
海的诗篇_12 天前
前端开发面试题总结-vue3框架篇(二)
前端·javascript·vue.js·面试·前端框架·vue
泓博12 天前
npm包冲突install失败
npm·vue