环境准备阶段
- 安装最新版 VS Code(当前版本≥1.85),从官网下载。
- 拥有有效的 GitHub 账户(建议启用双重验证)。
- 稳定的网络连接(Copilot 需实时云端交互)。
安装流程
- 打开 VS Code 扩展市场(Ctrl+Shift+X),搜索"GitHub Copilot"后点击安装按钮。安装完成后右下角会出现 Copilot 图标。
- 点击活动栏 Copilot 图标,选择"Sign in to GitHub",授权后返回 VS Code 完成关联。下次打开 VS Code 后会自动登录。
- 编程交互
在 CHAT 对话框的'Add Context'中输入提示词,与 Copilot 进行交互。这里还可以选择大模型,Copilot 支持 GPT-5mini、GPT-4.1、GPT-4o 等多种模型,如果效果不好可以更换试试。
编写网页测试
在'Add Context'中输入'请转换成中文',回车后可以看到 Copilot 已经切换到中文模式。再输入提示词'写一个祝福中国 2026 年春节档静态网页,使用 JavaScript 制作一个简单动画,不断在显示新年快乐,万事如意',回车后 AI 开始运行。
运行过程中,每生成一个文件,都要选择下面蓝色字体的"Allow",继续进行下一个文件生成。
文件全部生成后,在左边会打开并显示部分生成的文件,下面会提示如何运行生成的文件。
这里使用 python,如果没有需要先安装一下 python,直接按提示运行以下命令:
python -m http.server 8000
在浏览器中输入 localhost:8000。
同时,在 cmd 中也会同时显示服务器端读取文件的过程。
现在还在该对话中,对生成的文件进行修改,在'Add Context'中输入'将背景颜色变成蓝色',回车后 Copilot 进行工作,运行完成后刷新网页,背景变成蓝色。


