前端一个项目用node20 一个项目用node14 怎么切换

这是前端开发最常见、最刚需 的问题,完全不用慌!

你需要一个 Node 版本管理器 ,就能实现 1 秒切换 Node14 / Node20,两个项目互不干扰。

我直接给你最简单、最稳、最通用的方案:

最佳方案:用 nvm-windows(Windows)/ nvm(Mac/Linux)

它能让你电脑里同时装多个 Node 版本,想用哪个切哪个。


一、Windows 系统(最常用)

1. 先卸载你现有的 Node(必须做)

控制面板 → 卸载程序 → 删掉 Node.js

2. 安装 nvm-windows

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

找最新版:nvm-setup.exe 一路下一步安装

3. 安装你需要的两个版本

打开 CMD 或 PowerShell

bash 复制代码
# 安装 Node14
nvm install 14

# 安装 Node20
nvm install 20

4. 想用哪个版本,一行命令切换

bash 复制代码
# 切到 Node14
nvm use 14

# 切到 Node20
nvm use 20

5. 查看当前版本

bash 复制代码
node -v

二、Mac / Linux

bash 复制代码
# 安装 nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

# 安装版本
nvm install 14
nvm install 20

# 切换
nvm use 14
nvm use 20

三、最关键:两个项目如何互不干扰?

你只需要记住一句话:

进入哪个项目目录,就切换到对应 Node 版本。

例子:

复制代码
项目A(老项目)→ 需要 node14
项目B(新项目)→ 需要 node20

操作:

  1. 打开项目A的终端
bash 复制代码
nvm use 14
npm install
npm run dev
  1. 打开项目B的终端
bash 复制代码
nvm use 20
npm install
npm run dev

两个终端、两个版本、完全独立


四、超级省心:让项目自动切换 Node(进阶)

在每个项目根目录新建一个文件:
.node-version

里面写版本号:

复制代码
14

复制代码
20

以后进入目录,直接:

bash 复制代码
nvm use

它会自动匹配项目需要的 Node 版本


五、我给你总结成最简单的记忆法

  • nvm install 版本 → 安装
  • nvm use 版本 → 切换
  • 每个项目开独立终端 → 互不干扰

相关推荐
William_Xu32 分钟前
Vue 2 与 Vue 3 生命周期对比
前端
Hilaku1 小时前
为什么你的大文件断点续传,一遇到弱网就崩溃?
前端·javascript·程序员
胡哈2 小时前
React Compiler:让开发者忘掉 memo 这件事
前端·react.js
xiyueyezibile2 小时前
“自迭代” Skill 的 team-pitfalls 的演进
前端·后端·ai编程
林恒smileZAZ2 小时前
`Array(100).map(() => 1)` 为什么全为空?
前端·javascript
小巧的砖头2 小时前
C#会重蹈覆辙吗?系列之2:反射及元数据的性能问题
开发语言·前端·c#
KaMeidebaby2 小时前
卡梅德生物技术快报|蛋白的叠氮基修饰:实操解析:核酸模板耦合蛋白的叠氮基修饰实现靶蛋白定点共价标记
前端·人工智能·物联网·算法·百度
濮水大叔3 小时前
在大型 Vue 项目中,如何有效管理复杂的状态?“散装版” vs “套装版”
前端·vue.js·typescript
玄星啊3 小时前
可修改:代码的生存底线
前端·ai编程
没落英雄3 小时前
3. DeepAgents 实战 - Memory Skills 与上下文工程
前端·人工智能·架构