VS Code Copilot 完整使用教程
一、GitHub Copilot 概述
GitHub Copilot 是一款集成在 Visual Studio Code 中的 AI 驱动编码助手,基于公共代码库训练而成,支持大多数编程语言和框架。通过自然语言提示和现有代码上下文,Copilot 可提供实时代码建议、解释说明和自动化实现,显著提升开发效率。
核心功能亮点
- 智能代码补全:输入时提供单行到整函数级别的实时建议,支持多种编程语言
- 自主编码模式(Agent Mode):根据自然语言指令,自动规划并执行复杂开发任务,跨文件协调修改
- 自然语言交互:通过聊天界面与代码库对话,提问、解释代码或指定修改需求
- 多文件批量修改:单个指令即可应用更改到项目中多个文件,AI 会分析项目结构并进行协调修改
- 模型灵活切换:可根据速度、推理能力或特定任务需求切换不同 AI 模型,支持接入外部模型
二、安装与设置步骤
获取访问权限
不同用户类型需通过以下方式获取 Copilot 访问权限:
| 用户类型 | 访问方式说明 |
|---|---|
| 个人用户 | 注册 Copilot Free 免费计划(每月有限制)或付费订阅(无限使用),新用户可享受 30 天免费试用 |
| 组织/企业成员 | 通过组织管理员分配的订阅访问,或访问 GitHub 设置页面申请组织提供的 Copilot 权限 |
详细安装流程
- 活动栏 Accounts 菜单选择 Sign in with GitHub to use GitHub Copilot
- Copilot 状态栏菜单选择 Sign in to use Copilot
切换账号(如需) 若需使用其他账号,通过活动栏的 Accounts 菜单登出当前账号
登录 GitHub 账号 选择 Sign in 登录账号(若未登录),无订阅用户将自动注册 Free 计划
启动设置向导 悬停状态栏中的 Copilot 图标,选择 Set up Copilot
高级设置选项
工作区禁用:在扩展视图(⇧⌘X)中找到 GitHub Copilot,选择禁用(工作区)并重启扩展
隐藏 AI 功能:通过命令面板(⇧⌘P)运行 Chat: Hide AI Features 完全隐藏 Copilot 功能
三、快速入门:构建任务管理应用
通过实战项目学习 Copilot 核心功能,本教程将创建一个包含添加、删除和标记任务功能的响应式网页应用。
前提条件
- 已安装 VS Code
- 已完成 Copilot 访问设置
Step 1: 体验智能代码补全
- 创建项目文件夹并在 VS Code 中打开,新建 index.html 文件
- 按 Tab 接受建议,完成基础 HTML 结构
如需切换多个建议,可悬停幽灵文本查看导航控件,或使用 ⌥](下一个)和 ⌥[(上一个)快捷键循环选择
在 body 标签内继续输入:
<div class="container">
<>My Task Manager


