VS Code 王炸更新!以后不需要 Chrome 了

0 阅读1分钟

VSCode 又更新啦!本次重点优化 AI Agent 能力 和 日常开发体验,核心亮点先看懂:

  • 内置浏览器联调:不用切软件,直接在 VS Code 里从头到尾调试网页项目
  • Copilot CLI 权限分级:放开自动权限,少弹窗、少打断,干活更顺
  • MCP 服务沙箱隔离:本地跑 MCP 服务上锁,防止乱读本地文件/网络
  • Agent 支持图片/二进制文件:AI 能看懂截图、图表、二进制日志
  • 单体多仓(Monorepo)联动:全局共享 AI 指令和技能,不用重复配置

另我最兴奋的更新就是第一点:内置浏览器联调,不用切软件,直接在 VS Code 里从头到尾调试网页项目

细节

内置浏览器:闭环网页调试

  • 新增调试类型:编辑器-浏览器联调。
  • 继承 Chrome / Edge 所有调试能力:断点、单步、变量监听、热重载。
  • 只改 launch.json 的调试类型,无缝迁移,全程不用切浏览器。

如何开启

需要在 launch.json 讲 configurations 中的 type 改成 editor-browser

image.png

image.png

运行后就可以在 VSCode 中查看页面

image.png

当你点击网页上的元素之后,就能直接定位到事件发生所在的代码行

内置浏览器细节打磨

  • 右键原生菜单:复制、新标签、检查元素全覆盖
  • 独立缩放:不和编辑器联动,按网站记忆缩放比例
  • 默认缩放锁死:workbench.browser.pageZoom 全局预设