vue-cli nvm
时间: 2025-04-19 09:52:53 浏览: 29
### 使用 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
```
这组命令将会引导设置新的应用程序模板,并启动开发服务器以便即时预览效果。
阅读全文
相关推荐


















