Node.js 安装与卸载完整指南：从旧版卸载到低版本安装及环境配置

前言

入职公司后发现电脑已预装 Node.js，但版本为最新。由于最新版本似乎对 Vue3 的支持存在兼容性问题，具体原因尚不明确，但经验表明 Node.js 版本不宜过高，建议保持在 16 以下。因此，需要彻底卸载现有版本并重新安装合适的 Node.js。

1、卸载 Node.js

首先，通过系统控制面板的“程序和功能”找到 Node.js 并执行卸载操作。卸载完成后，需手动删除安装目录下的所有残留文件夹，以确保彻底清理。

其次，检查 C 盘是否存在相关的 npm 配置文件或文件夹。例如，C 盘中可能存在名为 .npm 的文件夹，务必将其一并删除，以免残留配置影响后续安装。

最后，打开命令提示符（CMD），分别输入 node -v 和 npm -v 命令，确认是否还能查询到版本号。若提示命令未找到，则说明卸载成功。

至此，电脑上的旧版本 Node.js 已完全卸载。接下来，开始下载并安装新的 Node.js 版本。

2、下载 Node.js

官方历史版本下载地址：以往的版本 | Node.js

点击链接可直接访问官网下载页面。建议不要下载 16 版本以上的 Node.js，本文以 Node.js 15.14.0 为例，其对应的 npm 版本为 7.7.6。

注意：建议下载 .msi 安装包，该版本会自动配置电脑的环境变量，简化安装流程。

下载完成后，运行安装包。安装过程中可一路点击“Next”继续（也可更改安装路径，建议安装至 D 盘，避免占用 C 盘空间）。

3、验证 Node.js

打开命令提示符，分别输入 node -v 和 npm -v 命令，检查 Node.js 和 npm 的版本号是否正确显示。

打开命令提示符的方法：按下 Win + R 键，输入 cmd 并回车。

node -v

npm -v

4、配置环境

1、更改 npm 安装全局模块目录和缓存路径

执行 npm install xxx 时，默认的全局模块存放路径为：C:\Users\用户名\AppData\Roaming。该路径较为隐蔽且占用空间，建议将其更改至 D 盘，便于查看和管理。

在已安装的 Node.js 文件夹（如 D:\node）下新建两个空文件夹：node_cache 和 node_global，用于存放全局模块和缓存文件。随后，将 npm 的全局模块目录和缓存路径指向这两个新建文件夹。

全局安装模块目录指定为：node_global

缓存路径指定为：node_cache

打开命令提示符，分别执行以下命令：npm config set prefix "D:\node\node_global" 设置全局安装目录，以及 npm config set cache "D:\node\node_cache" 设置缓存路径。

npm config set prefix "D:\node\node_global"

npm config set cache "D:\node\node_cahce"

执行以下命令可查看配置是否生效：

npm config get prefix

npm config get cache

2、配置环境变量

前文提到 .msi 版本会自动配置环境，但为确保无误，仍需手动检查。

打开系统环境变量配置界面，找到系统变量中的 Path 变量，检查是否已包含 Node.js 的配置路径。若未配置，需手动添加。同时，将全局安装模块目录（node_global）也添加到 Path 中，配置步骤与上述类似。

3、配置淘宝镜像

在命令提示符中执行以下命令，可查看当前使用的 npm 镜像源：

npm config get registry

将镜像源更改为淘宝镜像，执行以下命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

若需将镜像源恢复为默认状态，可执行以下命令：

npm config set registry https://registry.npmjs.org

5、验证安装

1. 安装 express，使用 npm 命令：npm install express -g

2. 安装 webpack，使用 npm 命令：npm install webpack -g

安装完成后，前往之前新建的 node_global 文件夹查看是否生成了相应的模块文件夹。

总结

本文介绍了 Node.js 的安装与卸载过程，更多相关内容可参考本站其他文章或继续浏览后续内容。感谢大家的支持！