VSCode + Copilot AI 编程实战教程
AI 编程工具百花齐放,GitHub Copilot 作为 GitHub 官方出品的 AI 编程助手插件,在 VSCode 中提供了强大的辅助能力。相比其他工具,Copilot 支持最新 AI 大模型切换、多种运行模式(本地、后台 CLI、云端)、可视化的 MCP/Skills 管理以及清晰的 Agent 交互体验。
安装和配置
- 进入 VSCode 官网 下载安装包并安装。
- 打开 VSCode,点击左侧「扩展市场」图标,搜索 "GitHub Copilot",安装官方插件。可根据需要安装中文汉化插件。
- 点击底部状态栏的 Copilot 图标,登录 GitHub 账号。若无订阅,可进入 Copilot Free 免费计划;新用户可申请 Copilot Pro 30 天试用。
基本使用
AI 对话
点击 VSCode 上方的「聊天按钮」打开 Chat 面板。
- Agent 全自主模式:AI 自行分析、写代码、跑命令完成任务。
- Plan 规划模式:AI 先出方案再动手,适合复杂任务。
- Ask 纯问答模式:只回答问题,不改代码。
此外支持行内对话 (Ctrl+I) 和 Quick Chat 弹窗 (Ctrl+Shift+Alt+L)。
AI 代码补全
Copilot 会自动提供浅色补全建议,按 Tab 接受。智能的 Next Edit Suggestions (NES) 功能能预测下一步编辑位置,提升编码流畅度。
AI Agent 编程实战
Agent 模式是 Copilot 的核心能力,能自主分析项目、制定计划、创建文件、写代码、跑命令及自动修复报错。
第一步:用 Plan 制定方案
新建空项目文件夹,在 Chat 中选择 Plan 模式和大模型,输入需求。例如构建一个 AI 塔罗牌占卜网站。
帮我用 HTML + CSS + JavaScript 做一个 AI 塔罗牌占卜网站。功能描述:用户输入问题后展示翻牌动画,生成 AI 解读,界面深紫色主题配金色纹理,响应式布局。
AI 会研究需求并给出结构化实施方案,列出文件结构、实现步骤及验证方法。
第二步:用 Agent 执行方案
确认方案后点击「Start Implementation」。Agent 会管理 Todos 任务列表,跟踪进度(如创建文件、写入代码、执行终端命令)。涉及终端命令或工具调用时,默认弹出确认框等待人工审批。
第三步:查看效果
Agent 完成开发后,可启动 Web 服务器预览。在浏览器中输入 API Key 进行测试,根据反馈通过 Chat 调整细节。
核心特性
Tools - 给 AI 的工具箱
Agent 通过工具调用(Tool Use)执行任务。VSCode 提供内置工具(代码搜索、文件读写等)、MCP 工具和扩展工具。可通过 Chat 面板可视化管理开启或关闭。支持 Tool Sets 将多个工具打包引用。
MCP - 让 AI 连接外部能力
MCP (Model Context Protocol) 允许 AI 连接外部服务。VSCode 扩展市场集成了 MCP 服务市场,支持可视化安装和配置。也可手动配置 .vscode/mcp.json 文件。支持跨设备同步。
Agent Skills - 给 AI 的技能包
Skills 是开放标准的能力扩展包,包含操作指南、脚本和示例。可在网上下载或自定义创建 SKILL.md 文件。支持渐进式披露,按需加载以节省 Token。
多种 Agent 运行方式
- Local 本地:交互式运行,实时反馈。
- Background 后台:后台自主运行,隔离环境。
- Cloud 云端:远程服务器运行,自动提 PR。
- Third-party 第三方:接入 Anthropic Claude 等第三方 Agent。
Hooks - 自动触发的脚本
在 Agent 关键节点自动运行自定义脚本,如拦截危险命令、自动格式化代码。配置文件位于 .github/hooks/ 目录下。
Custom Instructions - 让 AI 遵循你的规范
通过 .github/copilot-instructions.md 定义编码规范和技术偏好。支持全局生效或基于文件模式匹配。
Custom Agents - 给 AI 分配角色
创建自定义智能体(如安全审查员、测试工程师),定义指令、工具权限和行为规则。支持 Handoffs 实现智能体间任务移交。
Prompt Files - 可复用的提示词模板
将常用任务封装为斜杠命令(如 /gen-test),在对话中随时复用。支持变量替换。
Smart Actions - AI 快捷操作
右键菜单触发自动生成 Commit Message、代码解释、生成测试、文档、修复错误等功能。
总结
VSCode + GitHub Copilot 提供了全面的 AI 编程能力,从代码补全到 Agent 编排,且无需更换编辑器即可无缝升级。对于开发者而言,它是提升效率的有效工具。