首页 > 解决方案 > 是否有快捷方式或扩展来预览 CSS 属性值并在 VSCode 中选择其中一个?

问题描述

问题案例解释:我正在编写我的 HTML/CSS 并且我应用了错误的 CSS 属性值。我现在要做的是,我必须删除所有行并再次开始输入属性名称才能获得自动完成建议以选择另一个值。我想要什么:能够将光标放在错误值的顶部并运行一个快捷方式,显示其他值可供选择。

例如,可以在 Android Studio XML 属性中看到这种行为。当您将光标放在错误值上时,您可以按 Control + Space 并选择另一个值。

就像您已经可以将光标放在 VSC 中的颜色顶部并获取颜色选择器来选择另一种颜色一样,我们如何使用属性值来做到这一点?

谢谢。

标签: htmlcssvisual-studio-code

解决方案


我在 Windows 上,Ctrl + Space对我有用。

注意:当您选择了不正确的值(如果有)时,请确保您的光标在值的开头而不是值的结尾处闪烁。否则,它会显示无建议框。
即选择一个值,

  • 将光标放在值的末尾
  • 按住Ctrl + Shift + 左箭头键选择
  • 然后,按 Ctrl + Space

这将显示特定属性的有效值列表



PS VS Code 安装版本:1.42.1


推荐阅读