跳转至

前端免安装环境搭建

平时主要是 AI 写代码、跑前端项目、折腾各种工具链。对我来说，Node.js 免安装版 比直接安装版、NVM for Windows 更轻、更干净，也更适合手动控制环境。

  • 不安装 Node、不使用 NVM for Windows
  • 不做多版本切换
  • 不污染系统级环境
  • Node、pnpm、缓存、配置、store 全部固定在 E 盘
  • 单机手动维护，适合前端开发、AI 工具链、脚本型开发场景

1. 准备 Node.js 目录

首先确定目录：

E:\DevTools\node-v22
  • 不走安装器
  • 不装 NVM for Windows
  • 不做多版本切换
  • 直接固定一套本地 Node 环境

核心：Node 本体直接放在 E 盘，自行维护。

2. 准备 pnpm 相关目录

为了避免后续 pnpm 的缓存、配置、全局命令落到 C 盘，先手动准备目录：

E:\DevTools\pnpm\home
E:\DevTools\pnpm\store
E:\DevTools\pnpm\cache
E:\DevTools\pnpm\config
E:\DevTools\pnpm\npm-cache
E:\DevTools\pnpm\npm-global
  • home：放 pnpm 命令入口，以及后续全局安装的命令
  • store：pnpm 包仓库
  • cache：pnpm 缓存目录
  • config：pnpm 配置目录
  • npm-cache：兼容 npm 的缓存目录
  • npm-global：兼容 npm -g 的全局目录

3. 配置用户环境变量

只配置用户级环境变量，不配置系统级环境变量。

这样以后任意终端都可以直接使用 node 和 pnpm，同时不会污染整机环境。

在 cmd 中执行：

setx NODE_HOME "E:\DevTools\node-v22"
setx PNPM_HOME "E:\DevTools\pnpm\home"
setx XDG_CONFIG_HOME "E:\DevTools\pnpm\config"
setx XDG_CACHE_HOME "E:\DevTools\pnpm\cache"
setx npm_config_cache "E:\DevTools\pnpm\npm-cache"
setx npm_config_prefix "E:\DevTools\pnpm\npm-global"
  • NODE_HOME：Node 主目录
  • PNPM_HOME：pnpm 命令目录
  • XDG_CONFIG_HOME：把 pnpm 配置重定向到 E 盘
  • XDG_CACHE_HOME：把 pnpm 缓存重定向到 E 盘
  • npm_config_cache：把 npm 缓存也放到 E 盘
  • npm_config_prefix：把 npm 全局目录放到 E 盘

4. 配置用户 Path

环境变量设置完之后，再把下面两项加入用户 Path (环境变量)。

E:\DevTools\node-v22
E:\DevTools\pnpm\home

5. 启用 pnpm

Node 22 自带 Corepack，直接用它启用 pnpm 即可。

新开一个终端，执行：

corepack enable
corepack prepare pnpm@latest --activate

验证：

pnpm -v
where pnpm

6. 固定 pnpm store 到 E 盘

继续执行：

pnpm config set store-dir E:\DevTools\pnpm\store

然后验证：

pnpm store path
pnpm config get globalconfig

预期：

  • pnpm store path 指向 E:\Dev\pnpm\store
  • pnpm config get globalconfig 指向 E:\DevTools\pnpm\config 下的配置文件，而不是默认的 C:\Users\...

7. 验证环境是否生效

建议新开终端后检查：

echo %NODE_HOME%
echo %PNPM_HOME%
echo %XDG_CONFIG_HOME%
echo %XDG_CACHE_HOME%
echo %npm_config_cache%
echo %npm_config_prefix%
where node
where pnpm
node -v
pnpm -v
pnpm store path
pnpm config get globalconfig
  • node 来自 E:\DevTools\node-v22
  • pnpm 来自 E:\DevTools\pnpm\home
  • pnpm store 在 E:\DevTools\pnpm\store
  • 配置、缓存、全局目录都在 E 盘