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。


