VSCode 最实用技巧与效率工具清单

一份面向日常开发的 VSCode 实用技巧与效率工具清单:快捷键、搜索替换、多光标、Snippets、工作区、终端、Tasks、Git、Profiles,以及常用扩展组合与可复制配置。

Codex 桌面端 21 天系统学习路线

面向 Codex 桌面端用户的 21 天学习路线:覆盖提示、项目规则、权限、审查、插件、MCP、浏览器验证、自动化和子代理。

Day 11 · 内建 Git 与 Source Control

VSCode 内建 Git 与 Source Control:变更列表、diff、stage hunk、discard、commit、branch、sync、3-way merge editor、timeline 与 blame。把每一次改动管理得更稳。

Day 10 · 任务系统 tasks.json

VSCode 任务系统 tasks.json:npm / shell / process / 自定义 task、group、dependsOn、problemMatcher、background task 与 preLaunchTask。把手敲命令升级成可复用动作。

Day 09 · 集成终端深入

VSCode 集成终端深入:多 terminal、profile、split、cwd、环境变量、Shell Integration、命令装饰、路径链接跳转源码。把终端从外部窗口收回到项目上下文。

Day 08 · 文件浏览器与多根工作区

VSCode 文件浏览器与多根工作区:Explorer、.code-workspace、Multi-root、file nesting、Breadcrumbs、Workspace Trust 与项目视图整理。把 VSCode 从打开文件夹升级成项目控制台。

Day 07 · Snippets 与 Emmet

VSCode Snippets 与 Emmet:用户 / 全局 / 项目三层模板、tab stops、placeholder、choice、变量、项目级 .code-snippets,以及 HTML/CSS/JSX 中的 Emmet abbreviation。把高频样板代码压缩成一次 Tab。

Day 06 · 搜索、替换与正则

VSCode 搜索两套体系 —— ⌘F 单文件 / ⌘⇧F 全工作区。正则捕获组 ($1 $2)、大小写转换 (\U \L)、lookbehind/lookahead、include/exclude glob。多光标是临时正则,正则是永久多光标。

Day 01 · VSCode 安装、CLI 与同步登录

从零开始:选择 Stable / Insiders、各平台安装、把 code 命令装进 PATH、用 Microsoft 或 GitHub 登录开启 Settings Sync,让任何一台新机器 10 分钟还原你的 VSCode。

Day 02 · 界面骨架与命令面板

拆解 VSCode 的「五大件」—— Activity Bar / Side Bar / Editor / Panel / Status Bar 的边界与协作,以及命令面板 ⌘⇧P 的四种模式(> / @ / # / :)—— 老司机的唯一菜单。