vscode copilot chat (聊天框) 相关快捷键

文件引用标签（File Mentions）

标签	说明	示例
#fileName	引用项目中的某个文件	#App.tsx
#folderName	引用某个目录	#components
#openTabs	引用当前所有打开的文件	#openTabs
#editor	引用当前编辑器中的全部内容	请优化 #editor 的逻辑
#selection	引用当前选中的代码	解释 #selection

示例

请帮我优化 #App.tsx 中的 useEffect 部分

解释 #selection 这段代码的问题

@ 范围标签（Scope Mentions）

标签	作用
@workspace	基于整个项目搜索与回答
@file	基于当前文件
@editor	基于当前编辑器内容
@selection	基于当前选中的代码回答
@terminal	基于终端输出回答
@tests	生成单元测试
@github	操作 GitHub（PR、Issue）
@vscode	执行 VSCode 命令

示例

@workspace 请找出所有没有被使用的 components

@file 帮我检查本文件中是否存在性能问题

@ 终端与命令标签

@terminal

用于让 Copilot 解释或生成命令行操作。

@terminal 帮我解释这个错误

@terminal 生成 docker build 命令

@vscode

用于执行 VSCode 内部命令。

@vscode 创建一个新文件 utils/request.ts

@vscode 打开 settings.json

测试相关标签

标签	作用
@tests	自动生成 Jest / Vitest / React Testing Library 等测试代码

示例：

@tests 为 #utils.ts 生成单元测试

为 #selection 生成 Jest 测试

常用示例（高效开发技巧）

跨文件重构

请根据 #App.tsx 和 #UserStore.ts 重构权限逻辑

查找整个项目中的问题

@workspace 查找所有未使用的变量或函数
@workspace 帮我在所有文件中查找 hardcode 的 API 地址

优化选中代码

@selection 优化这段逻辑并提升可读性
@selection 请减少重复逻辑并给出更好的写法

解释终端报错

@terminal 为什么会出现 ECONNREFUSED？
@terminal 为什么 docker build 会失败？

执行 VSCode 命令

@vscode 创建一个 hooks/useUser.ts 文件
@vscode 创建一个新文件 utils/request.ts
@vscode 打开 settings.json

搜索项目硬编码 API

@workspace 搜索所有包含 "http://" 的 API 并列出文件名

copilot 相关使用技巧

1. 问答模式

例如：

• 提出该项目的文件/文件夹结构方案。向我提出一系列“是/否”问题，这将有助于您给出更合适的建议。

2. 思维链技巧

例如：

• 请帮我重构当前文件（指定文件），一步一步来，在我没有说”继续“的时候不要进行下去。

3. 角色扮演

例如：

• 您是一位经验丰富的教师，能够将复杂的知识讲解得通俗易懂。您会设计有趣的练习，让学生通过实践来学习。您的目标是教会学生熟练掌握正则表达式。一步一步来，等学生给出正确答案后再继续讲解下一个概念。如果学生给出的答案错误，就给他们一个提示。开始。

4. 提示词

例如：

• 以下是我可以采用的几种不同的方法。实现这个数据库连接逻辑。给我举例每种策略的优缺点。#文件：db.ts

Copilot chat 的四种模式（ask/edit/plan/agent）

模式	适合做什么	一句话记忆
Ask	问问题、查知识	“我不懂，问它”
Edit	改现有代码	“帮我改这段”
Agent	自动完成一个复杂任务	“你自己帮我搞定这件事”
Plan	先设计方案，不直接写代码	“先告诉我怎么做”

Ask 模式 - 问问题用

使用场景：

• 不懂一段代码
• 想知道语法
• 查错
• 学习某个概念

例如：

这段 React 代码在干什么？

useEffect 和 useLayoutEffect 区别？

Edit - 改代码用

使用场景：

• 已经有代码
• 想优化
• 想重构
• 想自动修错

例如：

帮我把这段代码改成 TypeScript 写法

帮我优化一下 这段代码的性能

Agent 模式 ——自动执行复杂任务

使用场景：

• 想让它帮你完成一个完整任务
• 涉及多文件、多步骤的事情

例如：

帮我创建一个完整的 React 登录模块，包括 API 封装和表单校验

给这个项目加上 i18n 国际化支持

随后它会自己新建文件，修改文件，自动组织结构

Plan 模式 ——先设计方案

使用场景：

• 不着急写代码
• 先想清楚怎么做
• 复杂需求要拆解

例如：

帮我设计一个 RBAC 用户权限系统方案

规划一个前端大文件上传的技术方案

随后它会返回：步骤、结构、注意事项（而不是代码），

Copilot Chat 四种模式高效搭配使用指南

一、四种模式速览

模式	核心用途	关键词
Ask	提问、解释、排错	“为什么”“怎么做”
Edit	修改当前文件中的代码	重构、优化、格式化
Agent	跨文件执行复杂任务	创建模块、批量修改
Plan	任务拆解、方案设计	设计思路、步骤规划

---

二、最佳实践流程（推荐开发工作流）

标准顺序：

Plan → Ask → Edit → Agent

含义：

• 先规划整体思路
• 再搞懂关键细节
• 然后自动化修改
• 最后批量执行任务

---

三、不同开发场景下的高效搭配

1. 开发新功能

流程：

1. 使用 Plan 设计整体方案
2. 使用 Ask 深挖细节
3. 使用 Edit 优化局部代码
4. 使用 Agent 自动生成模块文件

✅ 适合场景：新项目功能开发、复杂业务模块

---

2. 接手老项目

流程：

1. 用 Ask 理解项目结构
2. 用 Ask 理解关键模块
3. 用 Plan 设计重构方案
4. 用 Edit 执行小范围重构
5. 用 Agent 执行批量调整

✅ 适合场景：维护老系统、技术债治理

---

3. 日常高频效率流（CRUD 场景）

推荐：

• Agent 生成基础页面和接口代码
• Edit 快速调整字段逻辑
• Ask 随时排障解惑

✅ 适合场景：表单、列表页、管理后台开发

---

四、开发者记忆口诀

复杂问题用 Plan
不懂就问 Ask
改代码就用 Edit
批量干活用 Agent

---

五、推荐日常使用习惯

• 新功能第一步先用 Plan
• 看不懂代码先用 Ask
• 重构优先用 Edit
• 跨文件任务用 Agent

---