在 Visual Studio Code 中搭建 GitHub Copilot 编程环境需要经过几个关键步骤,以下是详细指南:
环境准备阶段
- 安装最新版 VS Code(当前版本≥1.85)官网下载地址:https://code.visualstudio.com/
- 拥有有效的 GitHub 账户(建议启用双重验证)注册地址:https://github.com/
- 稳定的网络连接(Copilot 需实时云端交互)
安装流程
-
安装 VS Code 后,选择'Use All features with Copilot for free'。如果已经安装 VS Code,可以打开 VS Code 扩展市场(Ctrl+Shift+X)搜索"GitHub Copilot"后,点击安装按钮(约 15MB 大小),安装完成后右下角会出现 Copilot 图标。
-
账户认证环节 点击活动栏 Copilot 图标,选择"Sign in to GitHub",授权后返回 VS Code 完成关联。下次打开 VS Code 后会自动登录。

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

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

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

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






