VS Code 安装 GitHub Copilot 进行 AI 编程指南

VS Code 安装 GitHub Copilot 进行 AI 编程指南

在 Visual Studio Code 中搭建 GitHub Copilot 编程环境需要经过几个关键步骤，以下是详细指南：

环境准备阶段

1. 安装最新版 VS Code（当前版本建议≥1.85）。
2. 拥有有效的 GitHub 账户（建议启用双重验证）。
3. 稳定的网络连接（Copilot 需实时云端交互）。

安装流程

1. 打开 VS Code 扩展市场（Ctrl+Shift+X），搜索"GitHub Copilot"后点击安装按钮。安装完成后右下角会出现 Copilot 图标。
2. 点击活动栏 Copilot 图标，选择"Sign in to GitHub"，授权后返回 VS Code 完成关联。下次打开 VS Code 后会自动登录。
3. 出现 CHAT 对话框表示登录成功，可以进行编程对话。

编程交互

在 CHAT 右下角的'Add Context'中，可以输入提示词，跟 Copilot 进行交互。这里还可以选择大模型，Copilot 支持多种模型，如果效果不好可以更换试试。

编写网页测试

在'Add Context'中输入'请转换成中文'，回车后可以看到 Copilot 已经切换到中文模式。再输入提示词'写一个祝福中国 2026 年春节档静态网页，使用 JavaScript 制作一个简单动画，不断在显示新年快乐，万事如意'，回车后，AI 开始运行。

运行过程中，每生成一个文件，都要选择下面蓝色字体的'Allow'，继续进行下一个文件生成。

文件全部生成后，在左边会打开并显示部分生成的文件，下面会提示如何运行生成的文件。

这里使用 Python，如果没有需要先安装一下 Python，直接按提示运行 python -m http.server 8000。

在浏览器中输入 localhost:8000。

同时，在终端中也会显示服务器端读取文件的过程。

现在还在该对话中，对生成的文件进行修改，在'Add Context'中，输入'将背景颜色变成蓝色'，回车后 Copilot 进行工作，运行完成后，刷新网页，背景变成蓝色。