You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Visual Studio Code是否支持类Brackets的Quick Edit功能?

VS Code 中的类似 Quick Edit 功能详解

嘿,这个问题问得太到位了!VS Code 不仅有类似 Brackets(以及 Dreamweaver)Quick Edit 的功能,还在不少场景下做了拓展优化,用起来同样顺手:

  • 内联跨文件编辑(对应 Quick Edit 核心功能)
    你可以使用快捷键 Ctrl+Shift+F12(Windows/Linux)或 Cmd+Shift+F12(Mac)打开「Inline Peek Editor」。比如在 HTML 文件里选中一个 CSS 类名,按下快捷键后,当前文件下方会直接弹出对应的样式文件代码块,你可以直接在这个弹窗里修改样式,无需切换到单独的标签页,修改完成后保存即可同步生效。这个功能还支持其他关联场景,比如在 JS 里查看并修改引用的函数、变量定义。

  • 未定义类的快速创建
    当你在 HTML 中使用了尚未在 CSS/SCSS/LESS 中定义的类名时,VS Code 会自动用灰色波浪线标记提示。此时你只需右键点击该类名,选择「快速修复」(或使用快捷键 Ctrl+. / Cmd+.),就能看到「在样式文件中创建类」的选项,点击后可以选择要生成规则的目标样式文件,一键创建对应的 CSS 类规则,和你提到的 Brackets 提示功能完全一致。

内容的提问来源于stack exchange,提问作者LЁXA designs

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 06:25:03