多光标编辑 #

┌─────────────────────────────────────────────────────────────┐
│                     单光标 vs 多光标                         │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  单光标编辑：                                                │
│  const user1 = 'Alice|';                                    │
│  const user2 = 'Bob';                                       │
│  const user3 = 'Charlie';                                   │
│  需要修改 3 次                                               │
│                                                             │
│  多光标编辑：                                                │
│  const user1 = 'Alice|';                                    │
│  const user2 = 'Bob|';                                      │
│  const user3 = 'Charlie|';                                  │
│  一次修改全部完成                                            │
│                                                             │
└─────────────────────────────────────────────────────────────┘

1. 选中一个词
2. 按 ⌘D / Ctrl+D
3. 继续按 ⌘D / Ctrl+D 选择更多匹配项
4. 同时编辑所有选中位置

// 原始代码
const userName = 'Alice';
console.log(userName);
return userName;

// 操作步骤：
// 1. 选中第一个 "userName"
// 2. 按 ⌘D / Ctrl+D 两次（选择所有 userName）
// 3. 输入新的变量名 "name"

// 修改后
const name = 'Alice';
console.log(name);
return name;

1. 选中一个词
2. 按 ⇧⌘L / Ctrl+Shift+L
3. 一次性选择所有匹配项

// 原始代码
const user = {
    name: 'Alice',
    age: 25
};

const admin = {
    name: 'Bob',
    age: 30
};

// 操作步骤：
// 1. 选中 "name"
// 2. 按 ⇧⌘L / Ctrl+Shift+L
// 3. 输入 "username"

// 修改后
const user = {
    username: 'Alice',
    age: 25
};

const admin = {
    username: 'Bob',
    age: 30
};

// 原始代码
const a = 1;
const b = 2;
const c = 3;

// 使用列选择选中 "const "
const a = 1;
const b = 2;
const c = 3;

// 删除后
a = 1;
b = 2;
c = 3;

// 原始代码
Alice
Bob
Charlie

// 操作步骤：
// 1. ⌥⌘↓ / Ctrl+Alt+↓ 在每行添加光标
// 2. 输入 "const user"

// 修改后
const userAlice
const userBob
const userCharlie

// 原始代码
Alice
Bob
Charlie

// 操作步骤：
// 1. ⌥⌘↓ / Ctrl+Alt+↓ 添加多光标
// 2. Home 跳到行首，输入 "
// 3. End 跳到行尾，输入 "

// 修改后
"Alice"
"Bob"
"Charlie"

// 原始代码
const items = [
    apple,
    banana,
    orange
];

// 操作步骤：
// 1. 选中 "apple"
// 2. ⌘D / Ctrl+D 选择其他水果名
// 3. 输入 "'" 包裹

// 修改后
const items = [
    'apple',
    'banana',
    'orange'
];

// 原始代码
const a = 1;
const b = 2;
const c = 3;

// 操作步骤：
// 1. ⌥⌘↓ / Ctrl+Alt+↓ 在每行添加光标
// 2. Home 跳到行首
// 3. 输入 "// "

// 修改后
// const a = 1;
// const b = 2;
// const c = 3;

按 ⌘U / Ctrl+U 撤销上一个光标选择

按 ⌘K ⌘D / Ctrl+K Ctrl+D 跳过当前匹配，选择下一个

1. ⌘F / Ctrl+F 打开搜索
2. 启用正则表达式模式
3. 输入正则表达式
4. 按 ⌥Enter / Alt+Enter 选择所有匹配项

// 原始代码
const user_name = 'Alice';
const user_age = 25;
const user_email = 'alice@example.com';

// 操作步骤：
// 1. ⌘F / Ctrl+F 打开搜索
// 2. 启用正则表达式
// 3. 输入 "user_\w+"
// 4. ⌥Enter / Alt+Enter 选择所有匹配项
// 5. 批量修改

// 修改后
const userName = 'Alice';
const userAge = 25;
const userEmail = 'alice@example.com';

┌─────────────────────────────────────────────────────────────┐
│                     多光标编辑流程                            │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  开始                                                        │
│   │                                                         │
│   ├─────▶ 相同内容？                                         │
│   │           │                                             │
│   │           ├─ 是 ─▶ ⌘D / Ctrl+D 逐个选择                 │
│   │           │        或 ⇧⌘L / Ctrl+Shift+L 全选           │
│   │           │                                             │
│   │           └─ 否 ─▶ 连续行？                              │
│   │                      │                                  │
│   │                      ├─ 是 ─▶ ⌥⌘↓ / Ctrl+Alt+↓         │
│   │                      │                                  │
│   │                      └─ 否 ─▶ ⌥+点击 / Alt+点击         │
│   │                                                          │
│   └─────▶ 编辑内容                                           │
│              │                                              │
│              └─────▶ 完成                                    │
│                                                             │
└─────────────────────────────────────────────────────────────┘

1. 创建一个包含多个相同变量名的文件
2. 使用 ⌘D / Ctrl+D 逐个选择
3. 批量修改变量名

1. 创建多行文本
2. 使用 ⌥⌘↓ / Ctrl+Alt+↓ 添加多光标
3. 在行首/行尾添加内容

1. 创建多行代码
2. 使用 ⇧⌥+拖动 / Shift+Alt+拖动 进行列选择
3. 批量修改选中区域