VS Code Copilot 内联聊天与提示词技巧指南

Visual Studio Code (VS Code) 的 GitHub Copilot 扩展通过 AI 辅助编程大幅提升了开发效率。本文将深入介绍 Copilot 的内联聊天功能及其提示词编写技巧，帮助开发者充分利用这一强大工具。

一、内联聊天功能详解

1.1 编辑器内联聊天

编辑器内联聊天允许开发者在代码编辑区域直接与 Copilot 交互，无需切换到单独的聊天视图。

使用步骤：

1. 打开文件并将光标定位到需要帮助的位置
2. 使用快捷键 ⌘I (Mac) 或通过 Copilot 菜单打开内联聊天
3. 在光标处出现的输入框中输入提示词
4. 可选中代码块以限定上下文范围

实用提示词示例：

• Refactor this code to use async/await
• Explain this code
• Add error handling

工作原理：

Copilot 会分析当前文件及已打开文件的上下文，生成针对性的代码建议。用户可直接在编辑器中查看、接受或拒绝建议，并进行后续追问。

image.png

1.2 终端内联聊天

终端内联聊天为命令行操作提供 AI 辅助，特别适合编写复杂 shell 命令。

使用步骤：

1. 打开集成终端（`⌃ 快捷键）
2. 使用 ⌘I 快捷键或命令面板打开终端内联聊天
3. 输入自然语言描述的需求

实用提示词示例：

• How do I install npm packages?
• List the top 5 largest files in the src directory
• undo the last git commit

特色功能：

• 可直接运行建议的命令（⌘Enter）
• 或插入命令进行修改后运行（⌥Enter）

image.png

二、提示词编写最佳实践

2.1 提供充分上下文

Copilot 与人类开发者一样，需要足够上下文才能提供有效帮助：

• 保持相关文件打开：Copilot 会分析当前及已打开文件的内容
• 使用顶级注释：在文件开头添加整体说明，帮助 Copilot 理解项目背景
• 明确导入引用：手动设置必要的库和模块引用

效果对比：

当未指定日志库时，Copilot 可能建议使用 console.log：

image.png

而在导入 Log4js 后，Copilot 会自动适配该框架：

image.png

2.2 优化代码结构与命名

• 有意义的函数名：避免模糊名称如 fetchData()，应使用 fetchUserOrdersByDate() 等具体名称
• 详细函数注释：补充函数功能、参数含义和返回值说明
• 提供示例代码：复制粘贴类似代码模式，帮助 Copilot 理解期望风格

2.3 利用聊天参与者与变量

聊天参与者：通过 @ 符号调用特定领域专家，如：

• @workspace：分析当前项目结构
• @vscode：获取 VS Code 功能帮助

image.png

Slash 命令：明确指定任务类型，如：

• /explain：解释代码功能
• /fix：修复错误
• /tests：生成测试用例

image.png

聊天变量：使用 # 引用文件或符号，如 #package.json 或 #UserController

2.4 提问技巧

• 具体化需求：明确输入、输出格式和使用的库/API
• 分解复杂任务：将大型任务拆分为多个小问题
• 迭代优化：基于初始结果提出改进要求，如"不要使用递归"或"优化变量名"

三、实用技巧总结

结语

VS Code Copilot 的内联聊天功能和提示词工程是提升开发效率的关键。通过本文介绍的方法，开发者可以更精准地获取 AI 辅助，减少重复工作，专注于创造性任务。随着实践深入，不断优化提示词策略，将使 Copilot 成为更加个性化和高效的开发伙伴。