Visual Studio Code 的最新更新对网页开发来说非常重要

Visual Studio Code 已改为每周更新，因此新功能和错误修复现在以快速的速度到来。新的 1.112 版本更新现已推出，带来了针对 Web 开发的重大升级以及一些额外的 AI 编码功能。

Visual Studio Code 已经是一个出色的文本编辑器和网页开发 IDE，从 JavaScript 到 Docker 容器的所有内容都提供一流的支持。内置的网页浏览器面板对于预览某个页面可能很有帮助，但更复杂的调试仍然需要你在 VS Code 之外打开完整的网页浏览器……直到现在。

仅在 VS Code v1.111 发布一周后，最新的 v1.112 更新在 Visual Studio Code 的集成浏览器中引入了调试器。这意味着你可以在 VS Code 中打开一个页面（例如你项目中托管的 localhost 服务器），然后设置断点并检查变量。你仍然需要打开完整的浏览器进行最终测试，特别是如果你使用的是 VS Code 中没有的浏览器 API，但你不必频繁离开编辑器。文档页面提供了更多关于使用它的信息。

微软在公告中表示：“我们新增了一个 editor-browser 调试类型，该类型支持使用 Launch 和 Attach 配置调试集成的浏览器标签页。大多数现有 msedge 和 chrome 调试配置的选项均受支持，这使得迁移通常只需在 launch.json 中更改现有配置的类型即可。”

集成浏览器现在也有自己的缩放级别，因此您可以更改嵌入页面的大小（通过菜单选项或键盘快捷键）而不改变 VS Code 界面的大小。右键上下文菜单现在也有常见的浏览器选项，如复制和粘贴、在新标签页中打开链接以及打开检查面板。

正如你可能预料的那样，此版本的其余更改都集中在 AI 编程上。当你准备将任务委派给 Copilot CLI（微软的 Claude Code 等效工具）时，你未提交的更改现在会直接显示在聊天视图中，因此你无需先找到源代码管理视图。Copilot CLI 中的文件路径现在也可以点击为链接，并且 Copilot CLI 现在支持权限级别。还有一个值得注意的更改——代理现在可以读取图像和二进制文件，这对于分析截图非常有帮助。

您可以从官方网站下载适用于 Windows、macOS 和 Linux 的 Visual Studio Code。如果您已经安装了它，请前往 帮助 > 检查更新（Linux 和 Windows）或 代码 > 检查更新（macOS）以获取新版本。

来源：Visual Studio Code