如何在VS Code中安装GitHub Copilot进行AI编程

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

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

环境准备阶段

1. 安装最新版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进行工作，运行完成后，刷新网页，背景变成蓝色。