GitHub Copilot 入门教程

GitHub Copilot 已经不是 2021 年那个 代码补全工具 了。

GitHub Copilot 现在是一个覆盖 IDE、CLI、Github 的 AI 编程平台：在 IDE 里自主编辑多个文件，在云端把 Issue 变成 PR，在终端运行并行子 Agent，在 PR 页面做智能代码审查。

GitHub Copilot 发展

年份里程碑
2021技术预览上线。OpenAI Codex 驱动，只做行级代码补全
2022正式商用，第一个规模化 AI 编程助手
2023Copilot Chat 上线，有了对话式交互；Copilot for Business 推出
2024Agent Mode 推出多文件自主编辑；多模型支持启动；免费套餐上线
2025Agent Mode 全面 GA；Cloud Agent 把 Issue 直接变 PR；Copilot Code Review 正式上线
2026Cloud Agent、CLI、JetBrains Agent Mode 全面 GA；迁移到 AI Credits 用量计费；4.7M+ 付费用户，覆盖 90% 以上的财富百强企业

今天的 Copilot 是一个跨 IDE、CLI、GitHub.com、手机的统一 AI 编程平台，而不只是一个补全插件。

核心能力全图

能力入口一句话说明
代码补全IDE打字时实时显示单行/多行建议
Next EditIDE预判你下一个改动的位置并建议内容
Copilot ChatIDE / GitHub.com / Mobile对话式问答、解释代码、生成测试
Agent ModeIDE多文件自主编辑，执行终端命令，迭代直到任务完成
Cloud AgentGitHub.com把 Issue 分配给 Copilot，它在云端写代码、开 PR
Copilot CLI终端终端里的 Agent，支持 Plan、自动驾驶、并行子 Agent
Code ReviewGitHub.com / IDEAI 审查 PR，提出内联建议，可一键修复
PR 摘要GitHub.com自动生成 PR 描述和变更摘要
Commit 消息IDE / GitHub Desktop自动生成 Commit Message
GitHub SparkGitHub.com自然语言描述 App，生成可运行的代码和实时预览

VS Code 使用

VS Code 凭借丰富的 AI 插件，成为落地 Vibe Coding 最主流的编辑器，既可以用 Copilot 实现轻量开发，也可以安装专用 VIBE 智能体插件实现全自动多文件开发。

VS Code 教程：https://www.runoob.com/vscode/vscode-tutorial.html

新版 VS Code（1.116+ 最新正式版）原生内置 Copilot，不用手动装插件，点击左上角图标调出：

打开编辑器就能看到 Copilot 入口，只需要登录 GitHub 账号即可，无需去扩展市场安装插件。

登录后查看：

旧版 VS Code（1.115 及更早版本）必须手动安装两个扩展：

  • GitHub Copilot：行内代码自动补全
  • GitHub Copilot Chat：对话式 AI 编码助手

开始 Vibe Coding

接下来我们创建一个目录文件夹：

mkdir runoob-vibe-coding

进入目录：

cd runoob-vibe-coding

使用 VS Code 打开：

code .

在编辑器里添加一个文件 vibe-coding-runoob.html ：

左侧文件菜单我们选中创建的文件，点击右上角面板切换按钮，切换出 AI 工具，然后在对话框输入提示词：

帮我写一个 JavaScript 小：程序随机生成 1 到 100 的数字，让我猜，猜大了提示「太大了」，猜小了提示「太小了」，猜中了就结束。

AI 就会开始工作，看看最终效果：

全程我们不需要参与编码，HTML 代码、CSS 样式代码、 JavaScript 代码都帮我们自动生成。

官方资源