普通视图

发现新文章,点击刷新页面。
昨天 — 2025年4月6日首页

Visual Studio Code 发布王炸更新:Agent 模式上线,支持 MCP 协议!

作者 Captaincc
2025年4月5日 23:54

Visual Studio Code 2025 年 3 月更新(版本 1.99):Agent 模式上线,MCP 支持开启!

2025 年 4 月 5 日,Visual Studio Code(VSCode)正式发布了 2025 年 3 月的更新(版本 1.99)。本次更新带来了多项激动人心的新功能,包括 Agent 模式 的正式上线、对 Model Context Protocol(MCP) 的支持,以及通过自定义 API 访问大型语言模型的预览功能。以下是本次更新的详细解读,助力开发者更好地利用 VSCode 提升工作效率。

一、Agent 模式正式上线:AI 驱动的智能开发体验

本次更新的最大亮点是 Agent 模式 正式在 VSCode Stable 版本中上线。开发者可以通过设置 chat.agent.enabled 启用该功能,并在 Chat 视图的模式选择器中找到它。

Agent 模式的核心功能

Agent 模式通过集成 AI 模型,帮助开发者与外部工具、应用程序和数据源进行交互。它支持以下场景:

文件操作:自动生成、编辑代码或笔记本文件。

数据交互:访问数据库或通过网络获取数据。

上下文增强:结合项目上下文,提供更精准的代码建议。

例如,开发者可以在 Chat 窗口中输入提示,Agent 模式会调用相关工具,生成符合需求的代码片段或执行复杂任务。

配置与使用

Agent 模式支持通过 Model Context Protocol(MCP) 服务器扩展功能。配置方式包括:

在用户设置、远程设置或 .code-workspace 文件中调整 mcp 部分。

在工作区的 .vscode/mcp.json 文件中定义 MCP 服务器。

官方文档提供了详细的配置指南,开发者可以根据需求进一步定制 Agent 模式的体验。

二、支持 Model Context Protocol(MCP):AI 工具集成更灵活

VSCode 在本次更新中新增了对 Model Context Protocol(MCP) 的支持,这一协议为 AI 模型与外部工具的交互提供了标准化方式。

MCP 的价值

MCP 协议允许 AI 模型更高效地发现和使用外部资源,例如:

访问项目文件和上下文。

调用外部 API 获取数据。

与调试工具或语言服务器协作。

通过 MCP,开发者可以构建更智能的开发环境。例如,Rust 扩展可以利用 MCP 和语言模型,为代码重命名提供更智能的建议。

如何启用 MCP?

开发者可以通过配置 MCP 服务器来启用该功能。官方推荐参考 GitHub 上的 mcp-labs 项目(github.com/thangchung/…

三、预览功能:自定义 API 访问大型语言模型

VSCode 团队推出了一项预览功能:开发者可以通过自己的 API 访问大型语言模型。这一功能为新模型的快速集成提供了便利。

功能详情

灵活性提升:开发者可以直接通过 API 调用最新的语言模型,无需等待官方支持。

适用范围:目前仅限 GitHub Copilot Pro 和免费用户使用,Business 和 Enterprise 用户需等待后续支持。

这一功能的推出意味着开发者可以更快速地体验新模型。例如,当新的语言模型发布时,你可以直接通过 API 访问并集成到开发流程中。

未来计划

根据 GitHub Copilot 的更新路线图,未来将支持更多模型(如 o1 和 Gemini),进一步丰富 AI 辅助编码的选项。

四、其他重要改进

除了核心功能,本次更新还包含多项实用改进:

  1. 敏捷的更新节奏

VSCode 团队保持了高效的开发节奏:

每日发布:每天修复 bug 并添加预览功能。

月度整合:次月发布正式版,统一更新内容。

这种快速迭代让开发者能够及时体验新功能,同时为团队提供宝贵的反馈。

  1. GitHub Copilot 免费计划

VSCode 推出了 GitHub Copilot 免费计划,包含:

每月 2000 次代码补全(约 80 次/工作日)。

每月 50 次聊天请求。

支持 GPT-4o 和 Claude 3.5 Sonnet 模型。

对于需要更多功能的用户,Copilot Pro 计划提供无限制访问和更多模型选择。

  1. 笔记本编辑增强

VSCode 改进了笔记本编辑体验,支持与代码文件相同的编辑和 Agent 模式。开发者可以通过设置 nbformat_minor 为 5 来更新现有笔记本,启用 AI 驱动的编辑功能。

  1. 语言模型 API 增强

VSCode 扩展 API 提供了更强大的语言模型支持,例如:

使用 LanguageModelChatMessage 创建提示。

通过 @vscode/prompt-tsx 以 TSX 语法声明提示。

这些工具帮助开发者更高效地构建 AI 驱动的扩展。

五、总结与展望

Visual Studio Code 的 2025 年 3 月更新(版本 1.99)为开发者带来了更智能、更灵活的开发体验。Agent 模式的正式上线让 AI 辅助编码更进一步,MCP 协议的支持为工具集成提供了新可能,而自定义 API 访问大型语言模型的预览功能则为未来创新铺平了道路。

对于希望尝试新功能的开发者,建议通过官方文档深入了解 Agent 模式和 MCP 的配置方法。同时,VSCode 团队欢迎用户反馈,共同推动产品迭代。

未来,随着更多模型的集成和功能的扩展,VSCode 无疑将继续引领开发者工具的发展方向。你对本次更新有何期待?欢迎在评论区分享你的看法!

参考链接

完整更新内容:t.co/OW1aHIRYxO

VSCode 官方网站:code.visualstudio.com

MCP 相关资源:github.com/thangchung/…

昨天以前首页

日常在VS Code开发中没注意到的一些实用配置

作者 Gixy
2025年4月5日 14:05

前言

  大家在使用vscode进行日常开发的时候,因为接触的项目不算多,所以会比较少关注一些实用的IDE配置,可能愿意花点时间去适应和操作,也不会主动去查找有没有更优的方案,毕竟只有这一两个项目需要关注,耗时也不算很多。 但是有些比较实用的配置,我还是希望各位能在日常业务开发中能使用到,还是稍微有点收益的。

Vscode的配置是可以适配和迁移到Trae的

一、实用插件

在 VS Code 项目中添加推荐插件配置文件(.vscode/extensions.json),可以让团队成员或项目协作者快速安装所需插件。以下是作者常用的一些插件:

{
  "recommendations": [
    "vue.volar", // Volar
    "rvest.vs-code-prettier-eslint",
    "MS-CEINTL.vscode-language-pack-zh-hans", // vscode 中文(简体)语言包
    "mhutchie.git-graph", // git 提交记录
    "donjayamanne.githistory", // git 历史记录
    "eamodio.gitlens", // git 实用插件
    "christian-kohler.npm-intellisense", // npm Intellisense
    "Alibaba-Cloud.tongyi-lingma", // 通义灵码
    "streetsidesoftware.code-spell-checker" // 单词拼写检查
  ]
}

这是一些作者在日常开发中会经常使用到的插件,插件系统是vscode的核心功能,这也为什么是vscode能替代WebStorm的原因之一,欢迎大家在评论区推荐有在日常开发中使用频率高且好用的插件。

如何获取插件ID

  1. 打开 VS Code 插件面板(Ctrl+Shift+X)
  2. 搜索目标插件,点击右侧 ⚙ 菜单 → 选择「复制扩展 ID」

二、项目配置

在 VS Code 项目中添加推荐插件配置文件(.vscode/settings.json),可以让团队成员或项目协作者优先使用这份vscode配置。以下是作者常用的一些配置:

{
  // 控制是否已在资源管理器中启用文件嵌套。
  //文件嵌套允许目录中的相关文件在单个父文件下以可视方式组合在一起。
  "explorer.fileNesting.enabled": true,
  // 控制是否自动扩展文件嵌套。要使此操作生效,必须设置 #explorer.fileNesting.enabled#。
  "explorer.fileNesting.expand": false,
  // 控制资源管理器中的文件嵌套
  "explorer.fileNesting.patterns": {
    "*.ts": "$(capture).test.ts, $(capture).test.tsx",
    "*.tsx": "$(capture).test.ts, $(capture).test.tsx",
    "CHANGELOG.md": "CHANGELOG*",
    ".env.dev": ".env.dev,.env.prod,.env.test",
    "project.config.json": "postcss.config.js,project.tt.json,jest.config.ts,babel.config.js,.stylelintrc.js,.eslintrc.js,tailwind.config.js,.prettierrc,.prettierignore,openapi.config.ts",
    "package.json": "pnpm-lock.yaml,pnpm-workspace.yaml,LICENSE,.gitattributes,.gitignore,.gitpod.yml,CNAME,.npmrc,.browserslistrc",
    ".eslintrc.cjs": ".eslintignore,.prettierignore,.stylelintignore,.commitlintrc.*,.prettierrc.*,.stylelintrc.*,.eslintrc-auto-import.json,.editorconfig,.commitlint.cjs"
  }
}

这里的配置作者主要喜欢的是将一些相关文件的进行折叠,避免项目中过多的配置文件影响目录结构在视觉上的干扰。具体效果如图:

image.png

三、代码片段

代码片段也是在日常开发中比较提效的一个方法,不仅可以设置为个人使用,也可以配置在项目中供团队使用。

在 VS Code 项目中添加项目级代码片段,可通过 .vscode/snippets.json 实现团队共享。以下是作者在开发中常用到的console.log代码片段:

{
  "console log": {
    "prefix": "cls",
    "body": ["console.log('--- $1${CLIPBOARD} ---', ${CLIPBOARD})"],
    "description": "Log output to console"
  }
}

大家可以试用一下,主要功能就是输入cls时选中对应弹出提示的代码,他会根据你剪切板的内容替换相应的占位符,并输出console.log("--- $1${CLIPBOARD} ---", ${CLIPBOARD}),$1 为输出后光标所在位置。如下图所示:

image.png

内置变量

VS Code 提供了不少内置变量,可以在代码片段中使用。这些变量会在插入片段时被实际值替换。

常用内置变量:

  • $TM_FILENAME: 当前文件的文件名
  • $TM_FILENAME_BASE: 当前文件的文件名(不含扩展名)
  • $TM_DIRECTORY: 当前文件所在的目录
  • $TM_FILEPATH: 当前文件的完整文件路径
  • $CLIPBOARD: 当前剪贴板中的内容

 注意事项

  • 避免全局覆盖:项目级片段优先级低于用户全局设置,同名前缀以项目配置为准
  • 占位符顺序$1 是首个光标位置,$0 是最终位置(如末尾分号)
  • 敏感信息:勿包含密钥、路径等私有内容
  • 格式化:复杂模板可配合 Prettier 插件自动格式化(需在 settings.json 配置 "editor.formatOnTab": true

如果大家还有其他实用或者有趣的功能,欢迎在评论区留言!!!

❌
❌