从安装到实战,手把手教你用 VSCode + GitHub Copilot 进行 AI 编程
VSCode 是微软出品的全球最流行的代码编辑器;GitHub Copilot 则是 GitHub 官方出品的 AI 编程助手插件。
相比其他 AI 编程工具,Copilot 支持最新 AI 大模型(Opus、GPT、Gemini、Claude 等),支持本地、后台 CLI、云端等多种运行模式,支持 MCP、Skills、工具调用的可视化管理,并支持子智能体交互。
安装和配置
1)进入 VSCode 官网下载安装包,直接安装。
2)打开 VSCode,点击左侧「扩展市场」图标,搜索 "GitHub Copilot",安装官方的 AI 编程插件。根据需要可安装中文汉化插件。
3)安装完后,点击 VSCode 底部状态栏的 Copilot 图标,按照提示登录 GitHub 账号。如果没有订阅,会自动进入 Copilot Free 免费计划。Copilot Pro 支持新用户免费试用 30 天。
基本使用
AI 对话
点击 VSCode 上方的「聊天按钮」,打开 Chat 对话面板。对话框区域有一个智能体选择器,可以在 3 种内置模式之间切换:
- Agent 全自主模式:AI 自己分析、写代码、跑命令,一条龙完成任务
- Plan 规划模式:AI 先出方案再动手,适合复杂任务
- Ask 纯问答模式:只回答问题,不改代码,适合探索和学习
除了 Chat 面板,还有两种更轻量的 AI 对话方式。
1)按 Ctrl+I(Mac 是 Cmd+I)打开行内对话,直接在代码中跟 AI 交互。
2)按 Ctrl+Shift+Alt+L(Mac 是 Cmd+Shift+Option+L)打开 Quick Chat 弹窗,适合快问快答。
AI 代码补全
写代码的时候,Copilot 会自动给你浅色的补全建议,按一下 Tab 就能接受。
更智能的是 Next Edit Suggestions(NES),也就是「下一步编辑建议」。它不光补全当前位置的代码,还能预测你接下来要改哪里。编辑器左侧会出现一个小箭头,按 Tab 就能跳过去并应用建议。
AI Agent 编程实战
Agent 模式是 GitHub Copilot 的大杀器。简单来说,你给它一个需求,它会自己分析项目、制定计划、创建文件、写代码、跑命令、装依赖,遇到报错还会自动修复,全程自主执行。
下面结合 Plan 模式 + Agent 模式做个「AI 占卜师网站」实战。
第一步、用 Plan 制定方案
新建一个空的项目文件夹(比如 ai-diviner),在 VSCode 中打开该文件夹。在对话区域的智能体选择器中选择 Plan 模式、并选择大模型,然后输入需求:
帮我用 HTML + CSS + JavaScript 做一个 AI 塔罗牌占卜网站。功能描述:1. 用户输入一个问题 2. 点击「开始占卜」后,展示 3 张塔罗牌的翻牌动画 3. 翻牌完成后,根据抽到的牌生成 AI 占卜解读 4. 界面要神秘华丽,深紫色主题配金色纹理,星空背景 5. 有流畅的翻牌动画效果 6. 响应式布局,手机也能用
选择 Plan 模式后,AI 会先研究你的需求,可能还会问你几个问题。AI 理解你的需求后,会给出一份结构化的实施方案。方案里会列出要创建哪些文件、每个文件负责什么、实现步骤的先后顺序,以及怎么验证效果。你可以在这一步跟 AI 反复讨论、调整方案,直到满意为止。
Plan 模式的本质是采用 4 个阶段的迭代工作流:需求研究 → 问题对齐 → 方案设计 → 迭代细化。
第二步、用 Agent 执行方案
确认方案没问题后,点击方案下方的「Start Implementation」按钮,让 AI 开始自动执行。
执行过程中,Agent 会自动管理一个 Todos 任务列表来跟踪进度。如果 AI 要跑终端命令或者调用某些工具,会弹出确认框让你审批。你也可以在 Agent 工作时继续发消息,选择排队等待、立即打断、或者引导 AI 调整方向。


