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
相关产品推荐
相关产品推荐

