开发环境与工具配置

装机、Node 环境、VS Code、插件、辅助工具等整理。

一、电脑装机顺序

1. 用户填英文名称（避免中文/空格/特殊字符导致环境变量、命名空间报错）。推荐：apple、developer、tcheng8866。
2. 软件管家 + 云笔记 + 云盘（nvm + 书签）。
3. 先装 nvm，再用 npm 全局安装 nrm（需 node 18+），最后按需安装各版本 node。
4. 安装 git 相关。
5. 工具环境：腾讯管家15（网盘）【chrome、钉钉、QQ、微信】、百度网盘、有道云笔记、【GitHub Desktop、Git】、【VSCode / Trae（AI 编程）、HBuilderX、特定微信开发者工具】、Beyond Compare、Xshell、Navicat（默认 C 盘，后可搬家）。

二、Node / nvm / nrm

• nrm：https://github.com/Pana/nrm
• nvm：https://github.com/nvm-sh/nvm
• 微信开发者工具特定版本：https://developers.weixin.qq.com/miniprogram/dev/devtools/log.html
• 注意：不要装 16.0.0 这种初始版；当前 LTS 为 Node 20 / 22，18 已 EOL（2025-04）。

nvm install	实际安装版本	状态
18	v18.x	EOL（2025-04），不再推荐
20	v20.x	LTS 维护中（2026-04 EOL）
22	v22.x	✅ 当前主 LTS，推荐新项目
24	v24.x	下一 LTS（2025-10 起）

• Git（gitlab 分配）http 模式无需公钥；ssh 需配置。

---

三、压缩工具

用 WinRAR（非"win解压缩"收费版）。官网下载，【打开 WinRAR 程序】或【解压窗口】设置 zip（在添加压缩处改无效）。

---

四、Beyond Compare

• 保存所有会话。
• 解决 UNIX/PC/Mac 差异：https://jingyan.baidu.com/article/b0b63dbf23dd3d4a48307021.html
• 比较大小不比较时间戳；基于规则不依赖二进制。

五、VS Code / Trae

• 语言：Ctrl+Shift+P → configure language → 下载简体中文。
• 快捷键：切换行注释 → Ctrl+`` ；切换块注释 → Ctrl+Shift+`` 。
• 资源管理器找不到：Ctrl+Shift+P → View: Reset View Locations。
• 推荐插件：any-rule（正则）、Live Server、HTML Boilerplate、GitLens、Color Highlight、px to rem。
• AI 编程 IDE 对比：
  • Trae（字节跳动）：国内首选，深度整合 AI Agent，支持自然语言改代码，国内账号体系。
  • VS Code + Cline / Continue：开源插件方案，可接入豆包/阿里/硅基流动国产模型。
  • Cursor / Windsurf：海外优秀 AI IDE，需代理。
• 配置片段（settings.json / vue 代码片段）见笔记原稿，核心：editor.tabSize:2、wordWrap:on、Volar（Vue 3 官方扩展，取代 Vetur）、prettier 单引号去分号。

---

六、Chrome 插件（极简插件替代）

https://chrome.zzzmh.cn/ ：vue devtools、window resizer（调分辨率）。

七、微信 PC 端

• 设置→通用→用系统默认浏览器打开网页。
• 字体设置删掉默认微软拼音（避免简繁体混）。

八、重装系统与打印机

• Win10 后一般无需重装（原装正版，可恢复出厂）。
• 默认硬盘加锁，重装先解锁。
• 用户填英文名（同上）。
• 连公司打印机：解压运行后自动搜索 IP 和端口。