扩展管理 #

┌─────────────────────────────────────────────────────────────┐
│                     扩展类型                                  │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  ┌─────────────┐  ┌─────────────┐  ┌─────────────┐         │
│  │  语言支持    │  │  主题美化    │  │  效率工具    │         │
│  └─────────────┘  └─────────────┘  └─────────────┘         │
│                                                             │
│  ┌─────────────┐  ┌─────────────┐  ┌─────────────┐         │
│  │  代码质量    │  │  Git 工具    │  │  其他工具    │         │
│  └─────────────┘  └─────────────┘  └─────────────┘         │
│                                                             │
└─────────────────────────────────────────────────────────────┘

1. 按 ⌘⇧X / Ctrl+Shift+X 打开扩展面板
2. 搜索扩展名称
3. 点击 "安装" 按钮
4. 等待安装完成
5. 根据提示重新加载 VSCode

搜索扩展时可以使用过滤条件：

• @installed → 已安装的扩展
• @outdated → 需要更新的扩展
• @enabled → 已启用的扩展
• @disabled → 已禁用的扩展
• @recommended → 推荐的扩展
• @category:"主题" → 按类别搜索

每个扩展都有自己的设置：

1. 打开设置（⌘, / Ctrl+,）
2. 搜索扩展名称
3. 配置扩展选项

{
    "recommendations": [
        "esbenp.prettier-vscode",
        "dbaeumer.vscode-eslint",
        "ms-python.python"
    ]
}

当打开包含扩展推荐的项目时：
1. VSCode 会提示安装推荐的扩展
2. 点击 "安装" 一键安装所有推荐扩展
3. 确保团队成员使用相同的开发环境

设置同步可以同步：
• 用户设置
• 键盘快捷键
• 代码片段
• 扩展列表
• UI 状态

1. 安装 Yeoman 和 VSCode 扩展生成器：
   npm install -g yo generator-code

2. 创建新扩展：
   yo code

3. 选择扩展类型
4. 填写扩展信息
5. 开始开发

1. 打开扩展项目
2. 按 F5 启动调试
3. 在新窗口中测试扩展
4. 修改代码后重新加载

1. 打开命令面板（⌘⇧P / Ctrl+Shift+P）
2. 输入 "Developer: Show Running Extensions"
3. 查看扩展启动时间

• 禁用不常用的扩展
• 使用工作区扩展推荐
• 定期清理不需要的扩展
• 检查扩展是否有性能问题

步骤：
1. 安装 Python 扩展
2. 安装 Pylance（语言服务器）
3. 安装 Black Formatter
4. 配置 Python 解释器
5. 配置格式化工具

步骤：
1. 安装 ESLint
2. 安装 Prettier
3. 安装 Path Intellisense
4. 安装 Auto Rename Tag
5. 配置保存时自动格式化

步骤：
1. 创建 .vscode/extensions.json
2. 添加推荐扩展列表
3. 创建 .vscode/settings.json
4. 配置统一的编辑器设置
5. 提交到版本控制

┌─────────────────────────────────────────────────────────────┐
│                     扩展管理流程                              │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  需要新功能                                                  │
│     │                                                       │
│     ├─────▶ 搜索扩展                                         │
│     │        │                                              │
│     │        └─▶ ⌘⇧X / Ctrl+Shift+X                        │
│     │                                                       │
│     ├─────▶ 安装扩展                                         │
│     │        │                                              │
│     │        └─▶ 点击安装按钮                                │
│     │                                                       │
│     ├─────▶ 配置扩展                                         │
│     │        │                                              │
│     │        └─▶ ⌘, / Ctrl+, 打开设置                       │
│     │                                                       │
│     └─────▶ 使用扩展                                         │
│                │                                            │
│                └─▶ 根据扩展功能使用                          │
│                                                             │
└─────────────────────────────────────────────────────────────┘

1. 打开扩展面板
2. 搜索 "Prettier"
3. 安装扩展
4. 配置格式化设置

1. 打开设置
2. 搜索扩展名称
3. 修改扩展配置
4. 测试配置效果

1. 创建 .vscode 目录
2. 创建 extensions.json
3. 添加推荐扩展
4. 测试推荐功能