跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
JavaScriptNode.js大前端

前端环境配置指南:nvm、Node.js 与 npm

前端开发环境配置涉及 nvm 管理 Node.js 版本、npm 镜像源设置及环境变量调整。步骤包括下载安装 nvm 程序,配置 settings.txt 中的镜像地址,检查系统环境变量是否生效。随后通过命令行安装指定版本的 Node.js,并配置 npm 的全局包目录与缓存路径,最终完成开发环境的初始化与验证。

心动瞬间发布于 2026/3/28更新于 2026/6/1220 浏览
前端环境配置指南:nvm、Node.js 与 npm

一、安装 nvm

1. 下载 nvm

访问 nvm 官方或镜像站点下载 Windows 版本。

文章配图

2. 解压并安装

解压文件后双击 exe 文件进行安装。

文章配图

文章配图

3. 选择 nvm 安装地址

例如安装在 D:\App\nvm。

文章配图

4. 选择 Node.js 安装地址

例如安装在 C:\Program Files\nodejs。

文章配图

5. 完成安装

点击 Next,一直点击直到完成安装。

6. 配置镜像源

找到 nvm 的 settings.txt 文件打开,添加以下两行命令:

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

文章配图

文章配图

二、环境变量配置

1. 打开系统属性

右击'计算机',选择'属性'。

2. 高级系统设置

选择'高级系统设置'。

3. 环境变量

点击'环境变量'。

文章配图

4. 检查环境变量

查看环境变量是否配置(默认 nvm 安装成功后会自动配置)。

文章配图

三、验证 nvm 是否安装成功

打开 CMD,输入 nvm -v 或 nvm version 或 nvm --version(三选一即可)。

文章配图

四、安装 Node.js

1. 通过 nvm 指令安装 Node.js

重新打开 CMD,输入对应的指令:

  • 安装指定 Node.js 版本:nvm install <版本号>
  • 查询已安装 Node.js 版本列表:nvm list
  • 使用对应版本的 Node.js:nvm use <版本号>

示例:

nvm install 14.20.0    # 安装 14.20.0 版本的 Node.js
nvm use 14.20.0        # 使用 14.20.0 版本的 Node.js

2. 检查是否安装成功

安装成功后会自动新建对应的文件夹。

文章配图

3. Node 环境变量配置

① 创建目录

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

文章配图

② 配置 npm 路径

在 CMD 窗口中输入以下命令(路径需根据实际安装位置调整):

npm config set prefix "D:\App\nvm\node_global"
npm config set cache "D:\App\nvm\node_cache"
③ 设置环境变量

步骤同 nvm 环境变量设置。

a. 设置用户变量

前两个会自动创建,仅需要手动 New node_global。

文章配图

b. 设置系统变量

与用户一致也是 path。

文章配图

目录

  1. 一、安装 nvm
  2. 1. 下载 nvm
  3. 2. 解压并安装
  4. 3. 选择 nvm 安装地址
  5. 4. 选择 Node.js 安装地址
  6. 5. 完成安装
  7. 6. 配置镜像源
  8. 二、环境变量配置
  9. 1. 打开系统属性
  10. 2. 高级系统设置
  11. 3. 环境变量
  12. 4. 检查环境变量
  13. 三、验证 nvm 是否安装成功
  14. 四、安装 Node.js
  15. 1. 通过 nvm 指令安装 Node.js
  16. 2. 检查是否安装成功
  17. 3. Node 环境变量配置
  18. ① 创建目录
  19. ② 配置 npm 路径
  20. ③ 设置环境变量
  21. a. 设置用户变量
  22. b. 设置系统变量
  • 免费图片AI生成工具免费生成了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 免费图片视频在线生成30秒,将你的创意变成现实开始设计
  • X/Twitter免费视频下载器免登陆无限额度免费视频解析下载了解详情
  • 100+免费在线小游戏爽一把
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Linux 系统离线部署 MySQL 详细步骤
  • 从 try-catch 回调到链式调用:更优雅的 async/await 错误处理方案
  • 大模型应用开发极简入门:基于 GPT-4 和 ChatGPT 实战指南
  • 网络安全行业自学与转行建议
  • 前端 SSR 技术指南:提升 SEO 与用户体验
  • VSCode Git 工作树自动化管理与高效开发实践
  • GitHub Copilot 登录失败排查:7 个关键检查点与解决方案
  • 自然语言处理在社交媒体分析中的实战应用
  • Claude Skills 实战指南:安装、使用与自定义开发
  • ComfyUI Manager 完整安装与配置指南
  • Python 开发 MongoDB 数据库 MCP Server 实战
  • ExoPlayer 播放缓存进度监听方案实现
  • Python RESTful API 设计:从理论到企业级实战
  • EhViewer:开源免费安卓 E-Hentai 漫画浏览器安装与使用教程
  • BERT 预训练任务与微调技术详解
  • LangChain 核心概念与实战入门
  • 基于LLM的推荐系统用户兴趣迁移
  • DAG 动态规划:嵌套矩形与地铁间谍问题
  • 贪心算法专题:最大子段和与纪念品分组
  • Windsurf AI IDE 实战使用指南

相关免费在线工具

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online

  • JavaScript 压缩与混淆

    Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online