从安装到实战,手把手教你用 VSCode + GitHub Copilot 进行 AI 编程
AI 编程工具百花齐放,Cursor、Claude Code、OpenCode 等不断涌现。GitHub Copilot 作为 GitHub 官方出品的 AI 编程助手插件,直接安装在 VSCode 中使用,具有显著优势。
相比其他 AI 编程工具,Copilot 具备以下特点:
- 支持最新 AI 大模型(Opus、GPT、Gemini、Claude),全栈项目适用
- 支持本地、后台 CLI、云端等多种运行模式,兼容性强
- 支持 MCP、Skills、工具调用的可视化管理
- 支持子智能体,交互清晰可见
安装和配置
1)进入 VSCode 官网 下载安装包,直接安装。
2)打开 VSCode,点击左侧「扩展市场」图标,搜索 "GitHub Copilot",安装官方 AI 编程插件。可额外安装 Chinese 汉化插件。
3)安装完后,点击 VSCode 底部状态栏的 Copilot 图标,按照提示登录 GitHub 账号。若未订阅,会自动进入 Copilot Free 免费计划,每月有一定额度。Copilot Pro 支持新用户免费试用 30 天。
基本使用
AI 对话
点击 VSCode 上方的「聊天按钮」,打开 Chat 对话面板。对话框区域有一个 智能体选择器,可在 3 种内置模式之间切换:
- Agent 全自主模式:AI 自己分析、写代码、跑命令
- Plan 规划模式:AI 先出方案再动手
- Ask 纯问答模式:只回答问题,不改代码
此外还有两种轻量的 AI 对话方式:
1)按 Ctrl+I(Mac 是 Cmd+I)打开行内对话
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 的核心能力。你给它一个需求,它会自己分析项目、制定计划、创建文件、写代码、跑命令、装依赖,遇到报错自动修复。
GitHub Copilot 提供了 Plan 模式。先让 AI 帮你出方案、拆步骤,确认没问题后再动手。
第一步、用 Plan 制定方案
新建空项目文件夹,在 VSCode 中打开。在对话区域的智能体选择器中选择 Plan 模式、并选择大模型,输入需求:
帮我用 HTML + CSS + JavaScript 做一个 AI 塔罗牌占卜网站。功能描述:1. 用户输入一个问题 2. 点击「开始占卜」后,展示 3 张塔罗牌的翻牌动画 3. 翻牌完成后,根据抽到的牌生成 AI 占卜解读 4. 界面要神秘华丽,深紫色主题配金色纹理,星空背景 5. 有流畅的翻牌动画效果 6. 响应式布局
AI 理解需求后,会给出结构化的实施方案,列出要创建的文件、实现步骤及验证方法。
第二步、用 Agent 执行方案
确认方案后,点击「Start Implementation」按钮,让 AI 开始自动执行。Agent 会自动管理 Todos 任务列表跟踪进度,包括创建文件、写入代码、执行终端命令等。若需跑终端命令或调用工具,会弹出确认框审批。


