从「打开文件」到 编辑器之神 的二十一天
适用于已经会用 VSCode、但停留在「写代码 + Cmd+S」阶段的开发者。 覆盖编辑器内功、工作区与终端、语言服务与调试、远程开发、AI 协作五大板块。 节奏:每天 1–2 小时,理论 20% + 动手 80%。 原则——每天动一次手 → 每周修一次 dotfile → 最后输出一份属于自己的 IDE。
阶段总览
入门与界面
搭建一台「下次重装也能 10 分钟内还原」的 VSCode。
这三天结束时你应该能在终端打 code . 启动编辑器,
用 Cmd+Shift+P 找到任何功能,
并理解 User / Workspace / Folder 三层设置的优先级。
code 命令 · Sign-in 开启 Settings Sync编辑器内功
VSCode 的「内功」全在键盘上。这一阶段练熟导航、多光标、搜索替换、Snippets, 完成后你打字速度不会变快,但「思考到代码」的延迟会显著降低。 手指肌肉记忆 > 任何技巧。
$1 $2 · include/exclude glob${1:default} · choice · Emmet abbreviation工作区与终端
跳出「打开文件夹」的初级用法——理解 Workspace 文件、集成终端 Profile、Task 自动化, 把日常重复操作(启动服务、打包、跑测试)变成一键。 让 VSCode 从「编辑器」变成「项目控制台」。
.code-workspace 文件 · Multi-root · file nesting · breadcrumb语言服务与调试
VSCode 的灵魂是 LSP——所有「智能」都来自语言服务器。
这一周搞懂 IntelliSense / 重构 / 跳转的来源,写出能跑能断的 launch.json,
告别「print 调试」,开始真正用 Debugger 思考。
扩展生态与远程开发
把 VSCode 武装到牙齿——精选 20+ 扩展、用 Remote 系列把开发环境从本机解耦、 用 Profile 隔离「Web / Backend / Data」三种角色。 不再为「换电脑要重装环境」浪费一天。
个人化与边界拓展
把工具变成自己。挑一套耐看的字体与主题、把 AI 助手嵌进工作流、
用 yo code 写一个属于自己的扩展。
最后输出一份可以 git clone 还原的个人 dotfile。
开源扩展贡献
给常用扩展(GitLens / Prettier / Python)提 issue 与 PR,理解扩展 API。
自研语言工具
给团队的 DSL / 配置文件写 LSP,让公司内部规范有 IDE 级提示。
AI Agent 集成
用 Continue 或 Roo Code 接入自家模型,做带项目上下文的 AI Pair。
云开发平台
把 Dev Container + Codespaces 推到团队,让新人 30 秒进入开发环境。
转向 Cursor / Zed
VSCode 内功通用——理解后再切到 Cursor / Zed,体验 AI-native 编辑器。
关键资源清单
官方文档(先读一遍胜过看十篇博客)
VS Code Docs · User Guide
从快捷键到调试器的官方权威文档,更新最及时。
Tips and Tricks
官方维护的「老司机才知道的小技巧」清单,每月翻一次。
Keyboard Shortcuts Reference (PDF)
macOS / Windows / Linux 三套 PDF,打印贴在显示器旁。
VS Code Release Notes
每月一更,是了解新特性的最高效来源。
必备扩展 Top 20
- GitLens — Git 信息直接挂在每一行代码上,blame、history、PR 一站式
- Error Lens — 把诊断信息从角标移到行尾,错误一眼可见
- Prettier — 主流语言格式化的事实标准,搭配
editor.formatOnSave - ESLint / Biome — JS/TS 项目的 Linter,二选一即可
- EditorConfig — 跨编辑器统一缩进、行尾,团队项目必备
- Remote-SSH / Containers / WSL — Microsoft 出品的远程开发三件套
- Dev Containers — 一键打开容器化开发环境,告别「环境污染」
- Path Intellisense — 文件路径自动补全,import 路径不再手敲
- Code Spell Checker — 拼写检查,写英文文档/注释救命
- Todo Tree — 把全项目的 TODO / FIXME / NOTE 聚合成树
- Better Comments — 用颜色区分 TODO / 警告 / 问题型注释
- Project Manager — 跨项目快速跳转,告别
⌘O找半天 - Markdown All in One — Markdown 写作的瑞士军刀,目录 / 表格 / 快捷键全包
- REST Client — 在编辑器里发 HTTP 请求,替代 Postman 的轻量方案
- Thunder Client — 类 Postman GUI,但完全在 VSCode 内
- Live Share — 实时协同编辑,远程结对编程的最佳实践
- Indent Rainbow — 缩进着色,深嵌套时救命(Python / YAML 党必装)
- Material Icon Theme — 文件图标主题,比默认好看百倍
- GitHub Copilot / Continue — AI 助手二选一,前者付费、后者可接自家模型
- Vim / VSCodeVim — Vim 党的过渡桥,模态编辑保留 + VSCode 生态
推荐编程字体
editor.fontLigatures 体验 → ≠ <= 等连字推荐主题
社区与持续学习
学习方法建议
命令面板第一
不记得快捷键?⌘⇧P。命令面板是 VSCode 所有功能的统一入口,比谷歌快十倍。
少装多删
扩展不是越多越好。每加一个,三天后回头看是否真在用,不在用就卸载。
用 settings.json 而不是 UI
所有配置最终都进 JSON。直接读 JSON 能让你看到每一项的来源与默认值。
workspace 而不是 user
项目特化的设置写在 .vscode/settings.json,可以 commit、可以分享、不污染全局。
每周复盘 dotfile
把 settings / keybindings / snippets 放进 git 仓库,每周 review 一次自己的变化。