vue开发-nvm安装

本文介绍了如何使用nvm(Node版本管理器)解决Vue项目中因Node版本不兼容问题。首先,详细讲解了nvm的下载与安装步骤,并提醒用户配置node和npm的镜像地址。接着,通过cmd命令行演示了如何用nvm安装和切换Node.js版本。最后,提到了全局共享npm的重要性,以避免每次安装新版本时重复安装npm包。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

# 前言

Nvm是一个Node.js版本管理器 。是为了解决Node各种版本存在不兼容的问题,Nvm其实是让你在同一台机器上根据需要,安装 或 切换项目所对应的Node版本来适配项目。

一、下载nvm

链接: https://github.com/coreybutler/nvm/releases
安装,一直点下一步就ok:
请添加图片描述
打开后开始安装:
在这里插入图片描述

请添加图片描述在这里插入图片描述
环境变量自动就都加上了,不用管。
在这里插入图片描述

二、配置 node 和 npm 的镜像地址

在nvm安装目录,找到 setting.txt 文件加上如下两行:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

添加完之后应该是这样的:

root: D:\nvm
path: C:\Program Files\nodejs

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

注:如果没有先配置 Npm 的镜像地址的话,可能在用nvm安装Node成功后,出现npm不能用的问题,所以要先配置 node 和 npm 的镜像地址,然后再去用nvm在cmd里面安装node版本!!!

三、在cmd里面用Nvm安装Node.Js

nvm install 14.7.0 // 安装14.7.0版本的nodejs

查看本地nvm有哪些node版本:

nvm list

当安装多个node版本时,可以使用nvm use 版本号进行版本切换:

nvm use 14.7.0

以上安装完成后,会在我们指定的nvm安装目录:D:\Nvm目录中出现对应的Node.js版本啦!
在这里插入图片描述
当nodejs版本目录中出现以下内容时代表安装成功:

在这里插入图片描述

四、全局共享Npm

注:一般在安装node的时候,npm也会自动一起安装的。由于nvm可以管理多个版本的node,如果每次添加一个node版本都要安装一堆npm包就烦锁了,所以将npm全局共享出来,只需全局(在安装模块时 npm i xxx -g )加上-g, 就可以让各个版本的node共用就OK了。

### 使用 NVM 管理 Node 版本并安装 Vue CLI #### 验证 NVM 安装 为了确认 NVM 是否已正确安装,在命令行工具中运行 `nvm version` 命令来查看当前使用的 NVM 版本。如果返回版本号,则表示安装成功[^1]。 #### 设置目标 Node.js 版本 通过执行如下命令可以选择特定版本的 Node.js: ```bash nvm install <version> nvm use <version> ``` 其中 `<version>` 是希望使用的具体版本号,例如 `v14.17.0` 或者可以简单指定为 `lts` 来获取最新的长期支持版。 #### 更新 npm 到最新稳定版 由于旧版本可能存在兼容性问题或安全漏洞,建议先升级到最新稳定的 npm 版本: ```bash npm install -g npm@latest ``` 此操作会全局更新 npm 工具至官方发布的最新型号。 #### 安装新版 Vue CLI (@vue/cli) 鉴于原生 `vue-cli` 被弃用转而推荐使用 `@vue/cli` ,应按照以下方式完成新包的安装: ```bash npm uninstall -g vue-cli # 移除旧版防止冲突 npm install -g @vue/cli # 安装新版替代品 ``` 对于 Mac 用户遇到权限错误的情况 (EACCES),可以通过调整文件夹访问权限解决这个问题: ```bash sudo chown -R $USER ~/.npm sudo chown -R $USER /usr/local/lib/node_modules ``` 上述指令将更改 `.npm` 和 `/usr/local/lib/node_modules` 文件夹及其子项的所有权给当前登录用户,从而允许无提示地进行软件包的操作[^3]。 #### 创建项目实例测试环境配置有效性 最后验证整个流程是否顺利工作的一个好方法是尝试创建一个新的 Vue 应用程序: ```bash vue create my-project-name cd my-project-name npm run serve ``` 这组命令将会引导设置新的应用程序模板,并启动开发服务器以便即时预览效果。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值