跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI 生图工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
Python

VS Code 安装 GitHub Copilot 及 AI 编程使用指南

在 Visual Studio Code 中搭建 GitHub Copilot 编程环境需要经过几个关键步骤,以下是详细指南: 环境准备 安装最新版 VS Code(当前版本≥1.85) 官网下载地址:VS Code 拥有有效的 GitHub 账户(建议启用双重验证) 注册地址:GitHub 稳定的网络连接(Copilot 需实时云端交互) 安装流程 安装 VS Code 后,选择'使用 Copi…

墨染流年发布于 2026/4/6更新于 2026/9/455K 浏览
VS Code 安装 GitHub Copilot 及 AI 编程使用指南

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

环境准备

  1. 安装最新版 VS Code(当前版本≥1.85)
    • 官网下载地址:VS Code
  2. 拥有有效的 GitHub 账户(建议启用双重验证)
    • 注册地址:GitHub
  3. 稳定的网络连接(Copilot 需实时云端交互)

安装流程

  1. 安装 VS Code 后,选择'使用 Copilot 的所有功能免费'。如果已经安装 VS Code,可以打开扩展市场(Ctrl+Shift+X)搜索'GitHub Copilot',点击安装按钮(约 15MB 大小)。安装完成后右下角会出现 Copilot 图标。
  2. 账户认证环节:点击活动栏 Copilot 图标,选择'Sign in to GitHub',授权后返回 VS Code 完成关联。下次打开 VS Code 后会自动登录。

登录成功

出现 CHAT 对话框表示登录成功,可以进行编程对话。

编程交互

在 CHAT 右下角的'Add Context'中,可以输入提示词,跟 Copilot 进行交互。这里还可以选择大模型,Copilot 支持 GPT-5mini、GPT-4.1、GPT-4o 等多种模型,如果效果不好可以更换试试。

编写网页测试

在'Add Context'中输入'请转换成中文',回车后,可以看到 Copilot 已经切换到中文模式。再输入提示词'写一个祝福中国 2026 年春节档静态网页,使用 JavaScript 制作一个简单动画,不断在显示新年快乐,万事如意',回车后,AI 开始运行。

AI 生成

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

允许生成

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

文件生成

这里使用 Python,如果没有需要先安装一下 Python,直接按提示运行:

python -m http.server 8000

在浏览器中输入 localhost:8000。

浏览器预览

同时,在终端中,也会同时显示服务器端读取文件的过程。

终端输出

现在还在该对话中,对生成的文件进行修改,在'Add Context'中,输入'将背景颜色变成蓝色',回车后 Copilot 进行工作,运行完成后,刷新网页,背景变成蓝色。

修改背景

目录

  1. 环境准备
  2. 安装流程
  3. 编程交互
  4. 编写网页测试

更多推荐文章

查看全部
  • 天生自带绘图板:Python turtle 绘图上手与几个好玩图形
  • C++ std::string 基础入门与常用操作
  • C++ Qt 网络编程:QUdpSocket、QTcpSocket 与 Http 实战
  • FPGA 驱动 TLV5618 实现双通道精密电压输出
  • OpenFang 实战:基于 Rust 的 Agent OS 本土化部署指南
  • Linux 服务器字体手动安装与配置详解
  • Linux 进程地址空间与虚拟内存机制解析
  • 算法实战:替换所有问号与提莫攻击解题思路
  • 在 Windows 上安装与配置 JDK 23 开发环境
  • Spring Cloud Gateway 集成 SkyWalking 实现分布式追踪
  • OpenClaw、EasyClaw 与 WorkBuddy 三款 AI 智能体工具安装与选型指南
  • Meta Quest VR 眼镜开机无法自动重连 WiFi 的解决方法
  • 医疗 AI 可信系统架构:向量索引与贝叶斯网络实现
  • 鸿蒙金融理财全栈项目:生态合作与用户运营优化
  • AI生成解压视频/萌宠视频:2026抖音流量密码
  • Microsoft Visual C++ 运行库安装与 DLL 报错修复指南
  • Cppcheck:C/C++ 代码静态分析工具使用指南
  • LeetCode Top 100 面试高频题完整指南
  • 从零开始用 Python 复现 LLaMA 4 MoE 架构
  • Ubuntu 下载、安装及软件管理详解

相关免费在线工具

  • curl 转代码

    解析常见 curl 参数并生成 fetch、axios、PHP curl 或 Python requests 示例代码。 在线工具,curl 转代码在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online

  • HTML转Markdown

    将 HTML 片段转为 GitHub Flavored Markdown,支持标题、列表、链接、代码块与表格等;浏览器内处理,可链接预填。 在线工具,HTML转Markdown在线工具,online

  • JSON 压缩

    通过删除不必要的空白来缩小和压缩JSON。 在线工具,JSON 压缩在线工具,online