环境准备
- 安装最新版 VS Code(当前版本≥1.85),下载地址:https://code.visualstudio.com/
- 拥有有效的 GitHub 账户(建议启用双重验证),注册地址:https://github.com/
- 确保网络连接稳定(Copilot 需实时云端交互)
安装流程
- 打开 VS Code 扩展市场(Ctrl+Shift+X),搜索"GitHub Copilot"并点击安装(约 15MB)。安装完成后右下角会出现 Copilot 图标。
- 点击活动栏 Copilot 图标,选择"Sign in to GitHub",授权后返回 VS Code 完成关联。下次打开 VS Code 后会自动登录。

出现 CHAT 对话框表示登录成功,可以进行编程对话。
编程交互
在 CHAT 右下角的"Add Context"中输入提示词,跟 Copilot 进行交互。这里还可以选择大模型,Copilot 支持多种模型(如 GPT-4 系列等),如果效果不好可以更换试试。
编写网页测试
在"Add Context"中输入'请转换成中文',回车后可以看到 Copilot 已经切换到中文模式。再输入提示词'写一个祝福中国 2026 年春节档静态网页,使用 JavaScript 制作一个简单动画,不断在显示新年快乐,万事如意',回车后 AI 开始运行。

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

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

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

在浏览器中输入 localhost:8000。





