VSCode + GitHub Copilot AI 编程实战指南
AI 编程工具如今百花齐放，从 Cursor 到 Claude Code，新选手层出不穷。近期深入体验了 GitHub Copilot，发现其在 VSCode 中的集成度与 Agent 能力确实值得推荐。
VSCode 作为全球最流行的代码编辑器，配合官方 AI 插件 Copilot，能带来显著的效率提升。相比其他工具，Copilot 在模型支持、运行模式、工具管理及交互体验上表现均衡。
安装和配置
- 前往 VSCode 官网下载安装包，完成基础安装。
- 打开 VSCode，进入扩展市场搜索 "GitHub Copilot"，安装官方插件。如需中文界面，可额外安装汉化插件。
- 点击底部状态栏的 Copilot 图标登录 GitHub 账号。若无订阅，会自动进入免费计划，每月有一定额度；Pro 版本通常提供新用户试用。
安装完成后，即可开始使用。相比某些需要复杂网络配置或命令行操作的方案，Copilot 的体验更为直观。
基本使用
AI 对话
点击顶部聊天按钮打开 Chat 面板，可与 AI 进行需求分析、代码编写或 Bug 修复。
对话框内置智能体选择器，支持三种模式切换：
- Agent 全自主模式：AI 自主分析、写代码、执行命令，适合完整任务。
- Plan 规划模式：先出方案再动手，适合复杂项目。
- Ask 纯问答模式：仅回答问题，不修改代码。
此外，还支持行内对话（Ctrl+I / Cmd+I）和 Quick Chat 弹窗（Ctrl+Shift+Alt+L），满足轻量级交互需求。
AI 代码补全
书写代码时，Copilot 会提供浅色建议，按 Tab 接受。更智能的是 Next Edit Suggestions (NES)，它能预测下一步编辑位置，左侧出现箭头提示，按 Tab 即可跳转应用，大幅减少上下文切换。
AI Agent 编程实战
Agent 模式是 Copilot 的核心优势。它不仅能生成代码，还能自主管理文件、安装依赖、运行命令并处理报错。
以下通过构建一个「AI 塔罗牌占卜网站」演示 Plan + Agent 工作流。
制定方案
新建空项目文件夹并在 VSCode 中打开。在 Chat 中选择 Plan 模式及大模型，输入需求：
帮我用 HTML + CSS + JavaScript 做一个 AI 塔罗牌占卜网站。功能描述：用户输入问题后展示翻牌动画，根据抽到的牌生成 AI 解读，界面需深紫色星空主题，响应式布局。
AI 不会立即写代码，而是先研究需求，可能询问细节（如 API 调用方式）。确认需求后，它会输出结构化方案，列出文件结构、实现步骤及验证方法。此阶段可反复调整方案，确保逻辑清晰。
执行方案
方案确认后，点击 "Start Implementation"。Agent 将自动创建文件、写入代码、执行终端命令。过程中会显示任务列表（Todos），实时反馈进度。若涉及敏感操作（如删除文件），会弹出确认框。
执行期间可随时干预，引导 AI 调整方向。建议初期多观察 AI 行为，及时纠偏以节省 Token。
查看效果
Agent 完成任务后，通常会启动本地服务器预览。复制地址至浏览器测试，配置好大模型 API Key 后即可体验。输入问题点击占卜，页面应展示翻牌动画及 AI 解读。
若对细节不满意，可在内置浏览器选中元素，在 Chat 框发送修改指令（如'改为鱼皮塔罗'），Agent 会自动定位代码并精准修改。
整个过程从需求到成品仅需数分钟。需注意上下文限制，若接近上限，可让 AI 沉淀项目文档以便后续恢复记忆。
核心特性
Tools - 给 AI 的工具箱
Agent 的能力源于工具调用（Tool Use）。VSCode 提供三类工具：