环境准备：VS Code 与 Copilot 扩展配置
- 确保 VS Code 版本：首先，请确保你使用的是最新版本的 VS Code（>=1.102）。Copilot Chat 的高级功能（如 Agent 模式、多工具调用等）在 VS Code 1.102 及以上版本中已全面支持。建议使用 VS Code Insiders 或最新稳定版，以获得最新的 Copilot Chat 特性。
- 安装 GitHub Copilot 扩展：在 VS Code 的扩展市场中安装 GitHub Copilot 主扩展。如果你已经订阅了 Copilot，登录 GitHub 账户并启用该扩展即可使用代码补全等基本功能。然后，安装 GitHub Copilot Chat 副扩展（'Copilot Chat'）。安装后，你会在 VS Code 中看到 Copilot Chat 的图标（两个对话气泡形状）。点击该图标或通过命令面板执行'Open Chat'命令，即可打开 Copilot 聊天面板。
- 启用 Copilot Chat 模式：确保在 VS Code 设置中，Copilot Chat 功能已启用。如果安装的是预发布版本，可能需要在 Settings 中将
GitHub Copilot: Chat相关选项打开。同样，MCP 支持（Model Context Protocol）应默认启用（对应设置项为github.copilot.chat.mcp.enabled或chat.mcp.enabled），一般无需手动设置。MCP 功能让 Copilot 可以使用外部工具，开启 Agent 智能模式。 - 配置 GitHub MCP Server：为了让 Copilot 可以直接执行 GitHub 操作（如创建分支、Pull Request、管理 Issue 等），你可以配置 GitHub MCP 服务器。具体方法：在 VS Code 扩展视图的搜索栏输入
@mcp，点击'Browse MCP Servers'打开服务器列表，在浏览器中选择 GitHub 相关的 MCP 服务器并点击安装。安装后，即可在 Copilot Chat 中使用与 GitHub 集成的工具。例如，Copilot Chat 将能够调用'创建分支''生成 Pull Request'等技能来直接操作你的仓库。注意：MCP 服务器具有运行任意代码的能力，只安装来自可信来源的服务器，并在首次启动时按照提示信任该服务器。 - 项目工作空间设置：将你的项目文件夹作为 VS Code 的工作文件夹打开。你可以将项目保存为 VS Code 工作空间（
.code-workspace），以便保存特定于项目的配置。创建.vscode目录用于存放项目配置，例如调试配置、任务（tasks）等。针对 Hugo 项目，你可以在.vscode/tasks.json中添加启动本地预览服务器或构建站点的任务。例如，设置一个 Build 任务来调用hugo命令。这样不仅方便手动运行，Copilot Agent 模式在需要时还会自动运行你定义的构建任务（例如在执行大型改动后自动构建预览）。 - 推荐插件：根据前端开发的需求，可以安装一些有用的 VS Code 插件：
- Hugo 扩展：如 Hugo Language and Syntax Support 插件，为 Hugo 模板（Go 模板语法）提供语法高亮和片段；Hugo Runner 插件可在 VS Code 内部一键运行 Hugo 本地服务器。
- 前端开发插件：如 Prettier（代码格式化）、ESLint（代码规范检查）、Tailwind CSS IntelliSense（如果你的站点使用 TailwindCSS）等，以提高前端编写体验。
- Front Matter CMS（可选）：方便编辑 Markdown 内容和 front-matter 元数据的插件。
- GitLens（可选）：增强 VS Code 中 Git 能力，方便查看历史、更好地集成 GitHub。
安装这些插件后，在 Settings 中根据需要调整配置，例如启用格式化保存、设置 Hugo 扩展的参数等，使其适应你的项目需求。
下图展示了 Front Matter CMS 插件的界面：
