前端开发环境配置指南:nvm、Node.js 与 npm 安装
在 Windows 环境下配置前端开发环境的步骤,包括安装 nvm-windows 工具、配置 Node.js 及 npm 镜像源、设置系统环境变量以及通过 nvm 命令管理不同版本的 Node.js。内容涵盖从下载安装、路径配置到验证安装的完整流程,帮助开发者快速搭建稳定的 Node.js 运行环境。

在 Windows 环境下配置前端开发环境的步骤,包括安装 nvm-windows 工具、配置 Node.js 及 npm 镜像源、设置系统环境变量以及通过 nvm 命令管理不同版本的 Node.js。内容涵盖从下载安装、路径配置到验证安装的完整流程,帮助开发者快速搭建稳定的 Node.js 运行环境。




建议安装在 D:\App\nvm

建议安装在 C:\Program Files\nodejs

找到 nvm 目录下的 settings.txt 文件并编辑,添加以下镜像配置:
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/


右击'计算机' -> '属性' -> '高级系统设置' -> '环境变量'。

默认 nvm 安装成功后会自动配置,请确认是否存在相关变量。

打开 CMD,输入以下命令之一:
nvm -v
# 或
nvm version
# 或
nvm --version

重新打开 CMD,执行对应指令:
nvm install <版本号>nvm listnvm use <版本号>示例:
nvm install 14.20.0
nvm use 14.20.0
安装成功后会自动生成对应文件夹。

在 nvm 安装目录下新建 node_global 和 node_cache 文件夹。

在 CMD 中输入以下命令(根据实际路径调整):
npm config set prefix "D:\App\nvm\node_global"
npm config set cache "D:\App\nvm\node_cache"
前两个会自动创建,需手动新建 node_global 并添加到 Path。

同样将 node_global 添加到系统变量的 Path 中。


微信公众号「极客日志」,在微信中扫描左侧二维码关注。展示文案:极客日志 zeeklog
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online
JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online
Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online