前端如何统一开发环境
内容提要
文章主张用工具强制统一前端开发环境：用 fnm 管理多版本 Node.js，用 pnpm 作包管理器，用 Corepack 管理包管理器版本。作者开发了 check-fe-env 工具，通过 preinstall 脚本检查本地 Node.js 和包管理器版本是否与 .nvmrc、packageManager 字段一致，避免依赖人工自觉。局限是 npm/pnpm 的 preinstall 可能在依赖安装后才执行，且不适用于需发包的项目。
延伸解读
工具链选择：fnm 与 pnpm 的实用优势
文章推荐 fnm 管理 Node.js 版本，相比 nvm 支持 brew 安装和跨平台（Windows 可用 winget），并强调需在 .zshrc 中配置 eval "$(fnm env --use-on-cd)" 以根据 .nvmrc 自动切换。包管理器方面，作者偏爱 pnpm，因其避免幽灵依赖、安装快、节省磁盘，且可配置性强，适合公司 Vue 项目。这些选择基于实际开发体验，有助于统一环境。
Corepack 如何自动切换包管理器版本
Corepack 是 Node.js 官方工具，默认未启用，需运行 corepack enable 开启。它通过 package.json 中的 packageManager 字段（如 "pnpm@8.14.1"）自动切换包管理器版本。原理是 Corepack 劫持了 pnpm、yarn 等命令，根据字段配置调用对应版本，已安装则用缓存，否则下载。这减少了手动管理版本的成本，但需注意其功能尚未稳定。
check-fe-env 的强制检查机制与局限
作者开发了 check-fe-env 工具，通过 preinstall 脚本检查本地 Node.js 版本是否匹配 .nvmrc，以及包管理器种类和版本是否匹配 packageManager 字段。它利用 process.version 和 process.env.npm_config_user_agent 获取信息，打包后仅 8k。但存在局限：npm/pnpm 的 preinstall 可能在依赖安装后才执行，且不适用于需发包的项目，因为 preinstall 会在他人安装包时触发。
Q&A
前端开发环境统一为什么重要？
统一不同同事之间、本地和CI之间的开发环境有利于保证运行效果一致和bug可复现。
推荐用什么工具管理多版本Node.js？
推荐使用fnm管理多版本Node.js。相比nvm，它支持brew安装、更新方便，且跨平台，Windows也能用winget安装。
为什么选择pnpm作为包管理器？
选择pnpm的理由包括：安全，避免幽灵依赖；速度快，基于软/硬链接；节省磁盘空间；可配置性强，支持.pnpmfile.js编写hooks；且Vue3/Vite项目推荐使用pnpm。
Corepack是什么？它如何管理包管理器版本？
Corepack是Node.js官方工具，用于管理包管理器。它默认未开启，需运行corepack enable手动开启。通过在package.json中声明packageManager字段（如"pnpm@8.14.1"），Corepack会自动切换到指定版本的包管理器。它通过劫持pnpm和yarn命令，根据配置自动切换，已安装则使用缓存，否则下载。
check-fe-env工具如何强制统一开发环境？
check-fe-env是一个CLI工具，通过在package.json中添加preinstall脚本"npx check-fe-env"，在安装依赖前检查本地Node.js版本是否与.nvmrc一致，以及包管理器种类和版本是否与packageManager字段一致。
check-fe-env有哪些局限性？
局限性包括：最新的npm和pnpm存在bug，preinstall钩子可能在安装依赖后才执行；该方案不适用于需要发包的项目，因为preinstall脚本会在别人安装包时也执行。
