VS Code + GitHub Copilot 实战：用内联建议和 Copilot Chat 加速日常编码

2026年5月13日
📝 192 字 · ☕ 1 分钟阅读

前言

GitHub Copilot 已成为开发者日常编码中不可或缺的 AI 助手。VS Code 深度集成了 Copilot 的三种核心交互方式——内联建议（Inline Suggestions）、内联聊天（Inline Chat）和 Copilot Chat 面板。本文通过三个真实场景，带你快速掌握这些功能的实战技巧。

环境准备

确保已安装以下组件：

  • VS Code ≥ 1.85 版本
  • GitHub Copilot 扩展（v1.200+）
  • GitHub Copilot Chat 扩展
  • 有效的 GitHub Copilot 订阅（个人版 $10/月 或 企业版 $19/月）

安装完成后，在 VS Code 右下角状态栏看到 Copilot 图标（✧）即为就绪。

# 验证 Copilot 状态
# 在 VS Code 中按 Ctrl+Shift+P（Mac: Cmd+Shift+P）
# 输入 "GitHub Copilot: Check Status" 查看是否已激活

场景一：用内联建议搞定样板代码

内联建议（Tab 补全）是 Copilot 最常用的功能。当你输入注释或函数签名时，Copilot 会自动推测接下来的代码。来看一个实际例子：写一个从 JSON 文件读取配置的工具函数。

只需在编辑器中输入以下注释和函数签名：

// 从 config.json 读取配置，支持默认值合并和类型转换
function loadConfig(path, defaultConfig) {

Copilot 会自动生成：

function loadConfig(path, defaultConfig) {
  try {
    const fs = require('fs');
    const raw = fs.readFileSync(path, 'utf-8');
    const parsed = JSON.parse(raw);
    return { ...defaultConfig, ...parsed };
  } catch (err) {
    console.warn(`Failed to load config from ${path}: ${err.message}`);
    return defaultConfig;
  }
}

技巧：用详细的注释描述输入、输出和边界情况，Copilot 生成的代码更精准。Tab 接受建议，Alt+] 或 Alt+[ 切换备选方案。

场景二：用内联 Chat 重构和调试

选中代码后按 Ctrl+I（Mac: Cmd+I），即可在当前行直接打开内联聊天窗口，不离开代码编辑区。

假设有以下低效代码：

function getUniqueUsers(users) {
  let result = [];
  for (let i = 0; i < users.length; i++) {
    if (result.indexOf(users[i]) === -1) {
      result.push(users[i]);
    }
  }
  return result;
}

选中后按 Ctrl+I，输入：/fix 用 Set 优化，改为一行代码

Copilot 会返回：

function getUniqueUsers(users) {
  return [...new Set(users)];
}

点击 Accept 即可应用改动。内联 Chat 还支持 /explain（解释代码）、/tests（生成单元测试）、/doc（添加注释文档）等斜杠命令。

场景三：Copilot Chat 面板搞定复杂需求

打开 Chat 面板的方式：点击 VS Code 左侧活动栏的 Copilot 图标，或按 Ctrl+Alt+I（Mac: Cmd+Option+I）。

Chat 面板的优势在于：

  • 上下文感知：自动包含当前文件、选中的代码及工作区文件结构
  • 多轮对话：可以追问 “用 TypeScript 重写” 或 “加上错误处理”
  • 引用特定文件：输入 #file:src/utils.ts 可将某文件加入上下文

示例提问：

@workspace 帮我找出所有未使用的 import 语句，并生成一个清理脚本

@workspace 让 Copilot 扫描整个项目，@terminal 则可以将生成的命令直接发送到终端执行。

高级技巧：自定义指令

在项目根目录创建 .github/copilot-instructions.md，可以定义项目级别的编码规范：

## 项目规范

- 使用 TypeScript 严格模式
- 函数返回值必须有显式类型标注
- 错误处理优先使用 Result 模式而非 try/catch
- 文件名使用 kebab-case 命名法

此后 Copilot 生成的所有代码都将自动遵循这些规则，大幅减少手动修改。

总结

  • 内联建议：Tab 补全，适合快速生成样板代码和重复逻辑
  • 内联 Chat：Ctrl+I，适合重构、解释和调试
  • Chat 面板：Ctrl+Alt+I，适合复杂需求和多轮对话
  • 自定义指令：通过 .github/copilot-instructions.md 统一团队代码风格
  • 熟练组合三种交互方式，编码效率可提升 30%-50%

如果你在 API 开发中需要更专业的调试工具，推荐阅读我们的 2026年最好用的5个免费API测试工具评测，找一款适合你的 Postman 替代品。

📤 分享这篇文章