Windows下开发环境镜像与配置-nodejs
Windows 下 nodejs + npm 的安装、镜像源与缓存目录配置指南

1. Node.js 安装(推荐方式)
-
直接访问 nodejs.org 下载最新 Windows Installer (.msi)(强烈推荐 LTS 版本,如 v22.x 或 v24.x LTS,稳定性高)。
-
安装时勾选 “Add to PATH” 和 “Automatically install the necessary tools”(推荐安装 Chocolatey 等工具支持)。
-
可以自定义安装目录(避免默认 C 盘 Program Files),例如
D:\runenv\rundev\nodejs。 -
安装完成后验证:
powershell
node --version
npm --version
推荐使用版本管理工具(类似 uv 管理 Python):
-
nvm-windows:便于切换多个 Node.js 版本。
-
下载安装:https://github.com/coreybutler/nvm-windows/releases
-
常用命令:
powershell nvm install lts nvm use lts nvm list
2. npm 安装与推荐替代工具
Node.js 安装后自带 npm。
强烈推荐 pnpm(更快、更省磁盘空间,类似 uv 的高效体验):
# 全局安装 pnpm(推荐)
npm install -g pnpm
# 验证
pnpm --version
其他方式安装 Node.js:
winget install OpenJS.NodeJS.LTSscoop install nodejs-lts
环境变量配置(避免 C 盘臃肿,推荐): 右键 “此电脑” → 属性 → 高级系统设置 → 环境变量,新增用户变量:
NODE_PATH:D:\runenv\rundev\nodejs
`NPM_CONFIG_PREFIX:D:\runenv\rundev\nodejs\npm-global
NPM_CONFIG_CACHE:D:\runenv\rundev\nodejs\npm-cache
或是在配置文件
.npmrc中直接配置prefix=D:\runenv\rundev\nodejs\node_global cache=D:\runenv\rundev\nodejs\node_cache
3. 国内镜像源配置(强烈推荐,解决下载慢问题)
推荐使用淘宝镜像(npm.taobao.org / registry.npmmirror.com) 或 清华大学镜像。
全局配置(推荐):
# 设置淘宝镜像(最常用)
npm config set registry https://registry.npmmirror.com
# pnpm 设置镜像
pnpm config set registry https://registry.npmmirror.com
# 查看配置
npm config list
永久配置文件(推荐手动编辑):
-
文件位置:
C:\Users\你的用户名\.npmrc -
添加内容:
registry=https://registry.npmmirror.com
# 其他常用镜像配置(Electron 等)
electron_mirror=https://npmmirror.com/mirrors/electron/
项目级配置:
在项目根目录创建 .npmrc 文件,写入相同 registry 配置。
临时使用(单次命令):
npm install xxx --registry=https://registry.npmmirror.com
pnpm install xxx --registry=https://registry.npmmirror.com
4. 缓存目录配置
npm 默认缓存位置(Windows):
%LocalAppData%\npm-cache(通常是C:\Users\你的用户名\AppData\Local\npm-cache)
pnpm 默认缓存位置:
%LocalAppData%\pnpm-store
修改缓存目录方法(推荐移到非系统盘):
方式一:环境变量(永久,最推荐)
- 新建用户变量:
- 变量名:
NPM_CONFIG_CACHE - 变量值:
D:\runenv\rundev\nodejs\npm-cache - pnpm 同理:
PNPM_STORE_DIR = D:\runenv\rundev\nodejs\pnpm-store
方式二:命令行设置
npm config set cache D:\runenv\rundev\nodejs\npm-cache --global
pnpm config set store-dir D:\runenv\rundev\nodejs\pnpm-store
pnpm config set cache-dir D:\runenv\rundev\nodejs\pnpm-cache
查看当前缓存目录:
npm config get cache
pnpm config get store-dir
清理缓存:
npm cache clean --force
pnpm store prune
5. 常用实用命令
# 安装依赖
npm install
pnpm install
# 添加依赖
npm install xxx --save
pnpm add xxx
# 全局安装工具
npm install -g xxx
pnpm add -g xxx
# 创建项目
npm create vite@latest myproject
pnpm create vite myproject
# 运行脚本
npm run dev
pnpm dev
# 更新
npm update
pnpm update
6. 常见问题解决
- 权限问题:用管理员 PowerShell 执行安装命令,或使用
--force。 - 缓存占用大:定期清理缓存,或自定义到大容量磁盘(如 D 盘)。
- 下载慢/失败:切换淘宝/清华镜像 + 使用 pnpm。
- 版本冲突:推荐使用 nvm-windows 管理多个 Node 版本。
- pnpm 迁移:
pnpm import可从 package-lock.json 转为 pnpm-lock.yaml。 - 自动更新:
npm install -g npm@latest或pnpm self-update。
配置完成后,npm/pnpm 的安装速度会显著提升,建议在 Windows 上优先使用 pnpm 替代传统 npm(磁盘占用更小、速度更快)。