如何在VS Code中安装GitHub Copilot进行AI编程
本文教您轻松在VS Code中玩转GitHub Copilot:从安装认证到实战网页开发,5分钟解锁AI编程神器,还能自由切换模型、实时调试代码!

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

出现CHAT对话框表示登录成功,可以进行编程对话。
3、编程交互
在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进行工作,运行完成后,刷新网页,背景变成蓝色。
