GitHub Copilot 入门教程
GitHub Copilot 入门教程 GitHub Copilot 已经不是 2021 年那个 代码补全工具 了。 GitHub Copilot 现在是一个覆盖 IDE、CLI、Github 的 AI 编程平台:在 IDE 里自主编辑多个文件,在云端把 Issue 变成 PR,在终端运行并行子 Agent,在 PR 页面做智能代码审查。 GitHub Copilot 发展 年份里程碑 2021技术预览上线。OpenAI Code..
Tutorial detail pages default to noindex.
GitHub Copilot 入门教程
GitHub Copilot 已经不是 2021 年那个 代码补全工具 了。
GitHub Copilot 现在是一个覆盖 IDE、CLI、Github 的 AI 编程平台:在 IDE 里自主编辑多个文件,在云端把 Issue 变成 PR,在终端运行并行子 Agent,在 PR 页面做智能代码审查。

GitHub Copilot 发展
| 年份 | 里程碑 |
|---|---|
| 2021 | 技术预览上线。OpenAI Codex 驱动,只做行级代码补全 |
| 2022 | 正式商用,第一个规模化 AI 编程助手 |
| 2023 | Copilot Chat 上线,有了对话式交互;Copilot for Business 推出 |
| 2024 | Agent Mode 推出多文件自主编辑;多模型支持启动;免费套餐上线 |
| 2025 | Agent Mode 全面 GA;Cloud Agent 把 Issue 直接变 PR;Copilot Code Review 正式上线 |
| 2026 | Cloud Agent、CLI、JetBrains Agent Mode 全面 GA;迁移到 AI Credits 用量计费;4.7M+ 付费用户,覆盖 90% 以上的财富百强企业 |
今天的 Copilot 是一个跨 IDE、CLI、GitHub.com、手机的统一 AI 编程平台,而不只是一个补全插件。
核心能力全图
| 能力 | 入口 | 一句话说明 |
|---|---|---|
| 代码补全 | IDE | 打字时实时显示单行/多行建议 |
| Next Edit | IDE | 预判你下一个改动的位置并建议内容 |
| Copilot Chat | IDE / GitHub.com / Mobile | 对话式问答、解释代码、生成测试 |
| Agent Mode | IDE | 多文件自主编辑,执行终端命令,迭代直到任务完成 |
| Cloud Agent | GitHub.com | 把 Issue 分配给 Copilot,它在云端写代码、开 PR |
| Copilot CLI | 终端 | 终端里的 Agent,支持 Plan、自动驾驶、并行子 Agent |
| Code Review | GitHub.com / IDE | AI 审查 PR,提出内联建议,可一键修复 |
| PR 摘要 | GitHub.com | 自动生成 PR 描述和变更摘要 |
| Commit 消息 | IDE / GitHub Desktop | 自动生成 Commit Message |
| GitHub Spark | GitHub.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 代码都帮我们自动生成。
官方资源
- GitHub Copilot 功能总览:docs.github.com/copilot/get-started/features
- 套餐与价格:github.com/features/copilot/plans
- Cloud Agent 文档:docs.github.com/copilot/concepts/agents
- 自定义指令指南:docs.github.com/copilot/customizing-copilot
- 学生免费申请:education.github.com/pack
- Copilot Changelog:github.blog/changelog