当前位置：首页 > article >正文

Windows 下如何对 node/vue 进行多版本管理？

article 2025/2/23 1:46:27

背景说明

在前端开发中，不同项目可能需要使用不同版本的 Vue.js（如 Vue 2 和 Vue 3）。为了在同一台计算机上兼容多个 Vue 版本，我们需要管理不同的 Node.js 版本，因为 Vue CLI 和其他依赖项可能对特定的 Node.js 版本有要求。为此，使用 nvm-windows（Node Version Manager for Windows）是一个有效的解决方案。

Node.js 和 Vue.js 的关系

Node.js 版本：
- Vue CLI 和许多前端工具依赖于 Node.js，不同版本的 Node.js 可能会影响这些工具的兼容性和功能。
- 某些 Vue CLI 版本可能需要特定的 Node.js 版本才能正常工作。
npm 版本：
- npm 是 Node.js 的包管理器，不同版本的 npm 可能会影响包的安装和管理。
- 通常，npm 会随着 Node.js 一起安装，并且每个 Node.js 版本都有一个默认的 npm 版本。

实现方案

使用 nvm-windows 来管理不同的 Node.js 版本，从而确保每个项目使用正确的 Node.js 和 npm 版本。这样可以在同一台计算机上兼容多个 Vue 版本。

以下是具体安装步骤。

安装 nvm-windows

下载 nvm-windows 安装程序：
- 访问 nvm-windows 的 GitHub 页面。
- 下载最新版本的 nvm-setup.zip 文件。
安装 nvm-windows：
- 解压下载的 nvm-setup.zip 文件。
- 运行 nvm-setup.exe 安装程序，并按照提示完成安装。
- 注意： 在选择安装路径时，避免路径中包含空格或中文字符，以防止后续使用出现问题。

使用 nvm 管理 Node.js 版本

打开命令提示符或 PowerShell：

按 Win + R，输入 cmd 或 powershell，然后按 Enter。
验证 nvm 安装：
- 运行以下命令来验证 nvm 是否安装成功：
```
nvm version
```
- 如果返回版本号，表示安装成功。
安装特定版本的 Node.js：
- 运行以下命令来安装所需的 Node.js 版本（例如，安装 Node.js 14 和 Node.js 16）：
```
nvm install 14
nvm install 16
```
- 查看已安装的 node 版本
```
nvm list

# 输出如下，* 标识当前正在使用的版本
* 18.18.0 (Currently using 64-bit executable)
  16.16.0
```
- 注意： 如果下载速度较慢，可以配置国内镜像源。编辑 nvm 的安装目录下的 settings.txt 文件，添加以下内容：
```
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
```
切换到特定版本的 Node.js：
- 运行以下命令来使用特定版本的 Node.js：
```
nvm use 14  # 对于 Vue 2 项目
nvm use 16  # 对于 Vue 3 项目
```
- 注意： 切换版本后，可能需要重新安装全局的 npm 包。
验证 Node.js 版本：
- 运行以下命令来验证当前使用的 Node.js 版本：
```
node -v
```

为项目设置 Node.js 版本

在项目根目录下创建 .nvmrc 文件：

在 Vue 2 项目的根目录下创建一个名为 .nvmrc 的文件，并写入所需的 Node.js 版本号（例如，16）：
```
16
```
- 在 Vue 3 项目的根目录下创建一个名为 .nvmrc 的文件，并写入所需的 Node.js 版本号（例如，18）：
```
18
```
每次进入项目目录时切换 Node.js 版本：
- 在进入项目目录后，运行以下命令来切换到 .nvmrc 文件中指定的 Node.js 版本：
```
nvm use
```