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 的四种模式(> / @ / # / :)—— 老司机的唯一菜单。

Day 03 · 设置三层与 settings.json 实战

VSCode 配置的三层架构 —— User / Workspace / Folder 的优先级与覆盖规则;为什么直接写 JSON 比点 UI 更高效;如何用 .vscode/settings.json 和 extensions.json 给团队建立统一规范;@modified / @lang / @feature 过滤器的实战用法。

Day 04 · 基础导航与选择

VSCode 编辑器内功第一天 —— 导航三件套(文件 / 符号 / 行号)、光标按词/按行/按符号的移动、扩展选择与 Smart Select、行操作四件套(删/复制/移动/合并)。修饰键 = 作用域,这是所有快捷键的底层规律。