前端开发知识库体系（国内外生态对照 + 常用命令）

摘要

面向“能落地”的前端知识库，按“环境与工具 → 工程化 → 框架与渲染 → UI/样式 → 数据与状态 → 性能 → 安全合规 → 无障碍/国际化 → 测试 → 文档化 → 构建与部署/运维 → 跨端/小程序 → 可视化/地图 → 协作流程 → 常见模板/片段”组织；每节给出国内外工具对照与常用命令、配置示例与最佳实践，方便快速搭建与团队统一。

1) 环境与工具（含国内镜像）

选型建议：Node.js LTS（通用）/ Bun（工具链快）/ Deno（安全沙箱）；包管器首选 pnpm；编辑器 VS Code；版本管理 nvm/fnm/volta。
国内加速：npmmirror、镜像源；企业私有源可用 Verdaccio / Nexus。常用命令

# Node 版本管理
nvm install --lts && nvm use --lts
node -v && npm -v

# 包管理器
npm i -g pnpm
pnpm -v

# 国内镜像（用户级）
echo 'registry=https://registry.npmmirror.com' >> ~/.npmrc
# pnpm 指定镜像
pnpm config set regi