多光标不是一个快捷键，而是一种思维模式—— 把编辑动作从「单点」扩展到「多点」。 下面这张图按「选择规则」把多光标分成 4 类，记住这棵进化树就掌握了所有用法。

光标怎么加进来——这是多光标的第一个问题。 VSCode 提供三条路径：手动定点、逐个匹配、批量匹配。 用错了路径，效率差 10 倍。

三种姿势速查

⌘D 的链式工作流

⌘D 不是「按一次完成」的快捷键——它是一条循环链：每按一次添加一个光标，可以中途跳过、可以中途撤销，最终决定权在你。

// 起点：把光标停在 foo 这个词上（不需要选中）
const foo = 1;
use(foo);
log(foo);
const bar = foo + 1;

// 操作 1：第一次 ⌘D — 选中当前 foo
const [foo] = 1;       // 现在有 1 个选区
use(foo);
log(foo);

// 操作 2：再 ⌘D — 跳到下一个 foo 并选中
const [foo] = 1;
use([foo]);            // 2 个选区，2 个光标
log(foo);

// 操作 3：再 ⌘D ⌘D — 选中全部 foo
const [foo] = 1;
use([foo]);
log([foo]);
const bar = [foo] + 1;   // 4 个选区

// 操作 4：输入新名 — 4 个位置同步更改
const data = 1;
use(data);
log(data);
const bar = data + 1;

⌘D vs ⌘⇧L 决策矩阵

Box Selection（列选择）是多光标的几何版本—— 选中一个矩形区域，每行行尾自动获得一个光标。 处理 CSV、SQL、配置文件、对齐过的代码时它是无可替代的。

开启 Box Selection 的四种方式

Box Selection 实例

// 起点：一份对齐的 CSV
apple,  10,  red
banana, 20,  yellow
cherry, 30,  red
grape,  40,  purple

// 操作：⌥⇧+drag 框选中间「数字」列
apple,  10,  red
banana, 20,  yellow
cherry, 30,  red
grape,  40,  purple

// 现在每行的数字都被选中 + 每行有一个独立光标

// 后续可以：
// 1. 直接输入新值（4 个位置同步改）
// 2. ⌘C 复制成 4 行数字
// 3. 末尾按 End 后继续按 ⌘← 选到行首 (此时不再是 Box, 而是普通多光标)
// 4. 输入 // 给 4 行都加注释

真实场景：CSV → JS 数组

// 输入（粘贴自 Excel）：
Alice,    25,   alice@example.com
Bob,      30,   bob@example.com
Charlie,  35,   charlie@example.com

// 目标：
{ name: "Alice",   age: 25, email: "alice@example.com" },
{ name: "Bob",     age: 30, email: "bob@example.com" },
{ name: "Charlie", age: 35, email: "charlie@example.com" },

// 操作流程：
// 1. ⌥⌘↓ 让所有行都加光标（或用 ⌘⇧L 选中所有逗号变成多光标也行）
// 2. ⌘← 跳到每行行首
// 3. 输入 { name: "
// 4. ⌥→ 跳到第一个逗号前
// 5. 输入 ", age:
// 6. ⌥→ 跳到第二个逗号前
// 7. 输入 , email: "
// 8. ⌘→ 跳到行尾
// 9. 输入 " },
//
// 30 秒搞定，且不用写 sed 脚本

多光标的真正威力不在于「同时输入」， 而在于「Day 04 学的所有快捷键瞬间作用于 N 个位置」。

组合举例

一份对照 — 同一任务的两种解法

// 任务：把下面 5 行的 var 全部改成 const
var name  = "Alice";
var age   = 25;
var email = "alice@example.com";
var role  = "admin";
var team  = "infra";

// === 解法 A · 鼠标 + 重复操作（45 秒）===
// 选第一个 var → 改成 const → 移到下一行 → 重复 5 次

// === 解法 B · ⌘D 链式（4 秒）===
// 1. 双击选中第一个 var
// 2. ⌘D ⌘D ⌘D ⌘D     （添加另外 4 个光标）
// 3. 输入 const         （5 个位置同时替换）

// === 解法 C · ⌘⇧L 一次性（2 秒）===
// 1. 双击选中第一个 var
// 2. ⌘⇧L              （选中文件内所有 var）
// 3. 输入 const         （全文同步）
//
// ⚠ 风险：若文件内还有 var 用作其他变量名会一起改

不要为了用而用。下面五个场景是多光标真正比其他工具快的实战时刻—— 记住这些信号，遇到就出手。

今天的练习设计成「用秒表自计时」—— 每个 Lab 第一次做完记下时间，明天再做一次。 第二次至少快一半,才算「肌肉记忆开始形成」。

Lab 1 — ⌘D 链式：批改 var → const

把下面这段代码粘贴到 VSCode,用 ⌘D 链式 + 多光标编辑完成转换。

// 起始
var username = "alice";
var password = "123";
var token    = "abc";
var ttl      = 3600;
var scope    = "read";
var refresh  = false;

// 目标
const username = "alice";
const password = "123";
const token    = "abc";
const ttl      = 3600;
const scope    = "read";
const refresh  = false;

操作：选第一个 var → ⌘D × 5 → 输入 const → Esc。

Lab 2 — Box Selection：CSV 转代码

把下面的「假装从 Excel 复制的」数据,转成 JS 对象数组。

// 起始
Alice    25  alice@example.com
Bob      30  bob@example.com
Charlie  35  charlie@example.com
David    28  david@example.com

// 目标
{ name: "Alice",   age: 25, email: "alice@example.com" },
{ name: "Bob",     age: 30, email: "bob@example.com" },
{ name: "Charlie", age: 35, email: "charlie@example.com" },
{ name: "David",   age: 28, email: "david@example.com" },

提示:

1. ⌥⌘↓ 全部行加光标（4 个）
2. ⌘← 跳行首,输入 { name: "
3. ⌥→ 跳到第一个空格前（即 name 的右边）
4. ⌥⇧→ 选中名字与年龄之间的空白,输入 ", age:
5. ⌥→ 跳过年龄数字 · ⌥⇧→ 选中空白 · 输入 , email: "
6. ⌘→ 行尾,输入 " },

Lab 3 — 真实场景：给函数批量加日志

用 ⌥click 给 5 个不连续的函数定义之后,各加一行 console.log。

// 起始
function fetchUser(id) {
  return api.get("/users/" + id);
}

function fetchPost(id) {
  return api.get("/posts/" + id);
}

function fetchComment(id) {
  return api.get("/comments/" + id);
}

function fetchTag(id) {
  return api.get("/tags/" + id);
}

function fetchUserProfile(id) {
  return api.get("/profiles/" + id);
}

// 目标 — 5 个函数都加一行 log
function fetchUser(id) {
  console.log("[fetchUser]", id);
  return api.get("/users/" + id);
}
// ... 其余四个同样

操作:

1. ⌥click 在每个 { 后面点一下（5 个光标）
2. 按 ⏎ 同时换行
3. 输入 console.log("[", id);
4. 遗憾的是函数名不同——所以这一步无法批量。这正是多光标的边界:批量编辑要求「插入内容相同」
5. 退出多光标,逐个进每行手动加函数名（或用 Snippet,Day 07 会讲）

1. 添加光标的三种姿势是什么？分别对应什么场景？
2. ⌘D 和 ⌘⇧L 的本质区别是什么？什么时候用哪个？
3. 开启 Box Selection 的四种方法分别是？哪一种最适合不带鼠标使用？
4. 多光标的三条「能力边界」（什么时候不该用多光标）是什么？
5. ⌘D 选错了用什么撤销最后一个？整体退出多光标按什么？