基础编辑 #

场景1：误删代码
1. 不小心删除了一段代码
2. 按 ⌘Z / Ctrl+Z 撤销删除
3. 代码恢复

场景2：撤销后想恢复
1. 撤销后发现撤销错了
2. 按 ⇧⌘Z / Ctrl+Shift+Z 重做
3. 操作恢复

光标在任意位置
→ 按 ⌘C / Ctrl+C
→ 复制整行

光标在任意位置
→ 按 ⌘X / Ctrl+X
→ 剪切整行

// 光标在这一行的任意位置
const greeting = 'Hello World';

// 按 ⌘C 然后 ⌘V
const greeting = 'Hello World';
const greeting = 'Hello World';

const userName = 'Alice';

// 光标在 userName 中间
const user|Name = 'Alice';

// 按 ⌥⌫ / Ctrl+Backspace
const |Name = 'Alice';
// "user" 被删除

// 再按 ⌥Delete / Ctrl+Delete
const | = 'Alice';
// "Name" 被删除

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

// 光标在第二行，按 ⌥↑ / Alt+↑
const b = 2;  // ← 这一行上移了
const a = 1;
const c = 3;

// 再按 ⇧⌥↓ / Shift+Alt+↓
const a = 1;
const b = 2;  // ← 在下方复制了一行
const b = 2;
const c = 3;

function greet() {
    // 光标在这一行
    return 'Hello';
}

// 按 ⌘Enter / Ctrl+Enter
function greet() {
    // 光标在这一行
                        // ← 新插入的空行
    return 'Hello';
}

const user = {
    name: 'Alice',
    age: 25
};

// 光标在 name 上
// 第一次按 ⌃⇧→ / Shift+Alt+→
// 选择 "name"

// 第二次按 ⌃⇧→ / Shift+Alt+→
// 选择 "name: 'Alice'"

// 第三次按 ⌃⇧→ / Shift+Alt+→
// 选择整个对象

// 原始代码
const greeting = 'Hello World';

// 选中后按 ⌘/ / Ctrl+/
// const greeting = 'Hello World';

// 再按一次 ⌘/ / Ctrl+/
const greeting = 'Hello World';

// 选中多行代码
const a = 1;
const b = 2;
const c = 3;

// 按 ⇧⌥A / Shift+Alt+A
/* const a = 1;
const b = 2;
const c = 3; */

function example() {
// 光标在这里，按 ⌘] / Ctrl+]
    // 缩进增加
    const a = 1;
    
    // 按 ⌘[ / Ctrl+[
// 缩进减少
}

1. 选中要转换的文本
2. 按 ⌘⇧P / Ctrl+Shift+P
3. 输入 "upper" 或 "lower"
4. 选择对应命令

// 选中 "hello"
const greeting = 'hello';

// 命令面板 → Transform to Uppercase
const greeting = 'HELLO';

// 输入 "con"
con

// 按 ⌃Space / Ctrl+Space
// 显示建议列表
console

// 按 Tab 或 Enter
console

// 继续输入 "."
console.

// 自动显示建议
console.log()
console.error()
console.warn()

// 输入函数名和括号
greet(

// 按 ⇧⌘Space / Shift+Ctrl+Space
// 显示参数提示
// greet(name: string, age: number)

⇧⌥↓ / Shift+Alt+↓ → 在下方复制当前行
⇧⌥↑ / Shift+Alt+↑ → 在上方复制当前行

⌥↓ / Alt+↓ → 当前行下移
⌥↑ / Alt+↑ → 当前行上移

⇧⌘K / Shift+Ctrl+K → 删除整行

⌘Enter / Ctrl+Enter → 在下方插入新行
⇧⌘Enter / Ctrl+Shift+Enter → 在上方插入新行

┌─────────────────────────────────────────────────────────────┐
│                     基础编辑操作流程                          │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  输入代码                                                    │
│     │                                                       │
│     ├──────────▶ ⌘Z / Ctrl+Z ──────▶ 撤销                  │
│     │                                                       │
│     ├──────────▶ ⌘C / Ctrl+C ──────▶ 复制                  │
│     │                                                       │
│     ├──────────▶ ⌘X / Ctrl+X ──────▶ 剪切                  │
│     │                                                       │
│     ├──────────▶ ⌘V / Ctrl+V ──────▶ 粘贴                  │
│     │                                                       │
│     ├──────────▶ ⌘/ / Ctrl+/ ──────▶ 注释                  │
│     │                                                       │
│     ├──────────▶ ⌘] / Ctrl+] ──────▶ 增加缩进              │
│     │                                                       │
│     ├──────────▶ ⌘[ / Ctrl+[ ──────▶ 减少缩进              │
│     │                                                       │
│     ├──────────▶ ⌥↓ / Alt+↓ ───────▶ 移动行                │
│     │                                                       │
│     └──────────▶ ⇧⌥↓ / Shift+Alt+↓ ▶ 复制行                │
│                                                             │
└─────────────────────────────────────────────────────────────┘

1. 创建一个新文件
2. 输入几行代码
3. 练习使用 ⌥↑/↓ 移动行
4. 练习使用 ⇧⌥↑/↓ 复制行
5. 练习使用 ⇧⌘K 删除行

1. 输入一段代码
2. 使用 ⌃⇧→ 扩展选择
3. 使用 ⌃⇧← 收缩选择
4. 使用 ⌘L 选择整行

1. 输入几行代码
2. 使用 ⌘/ 切换行注释
3. 选中多行使用 ⇧⌥A 添加块注释