.sass 文件的 VS Code 颜色选择器

Posted

技术标签:

【中文标题】.sass 文件的 VS Code 颜色选择器【英文标题】:VS Code color picker for .sass files 【发布时间】:2018-02-10 16:01:44 【问题描述】:

在 2017 年 7 月发布的 VS Code 中,他们添加了 color picker,并声明它可用于 Sass:

对于预览,我们为 CSS、Sass 和 LESS 文件启用了它, 支持 RGBA、HSLA 和 Hex 颜色模式。

颜色选择器确实适用于 .SCSS 文件,但不适用于 .SASS 文件,有没有办法让颜色选择器也适用于 sass 文件?

【问题讨论】:

【参考方案1】:

看起来不是这样。如果您没有得到更好的答案,您可以使用扩展名 Color Info(我在 Vscode 七月更改之前使用过)并仅为 .sass 文件启用它。

"colorInfo.languages": [
  
      "selector": "sass",
      "colors": ["css", "hex", "rgb"  ...........etc. ]
  
]

【讨论】:

谢谢,我不知道为什么他们为 .SCSS 而不是 .SASS 提供了对语法颜色 + 颜色选择器的支持。我以前使用过颜色选择器扩展,但如果有内置的东西我可以使用,我会尽量避免使用扩展。 我没有看到可以启用它的设置。并且文档反复提到 .scss 支持而没有提及 .sass 支持。必须难以支持缩进语法。 好吧,他们似乎不会为此添加对 .sass 文件的支持,我正在慢慢地从 .sass 转向 .scss,似乎 .scss 更受欢迎。【参考方案2】:

VS Color Picker 工作得很好。你甚至可以从屏幕上选择颜色到你的编辑器中。

【讨论】:

【参考方案3】:

VS 代码不提供对缩进 sass 的内置支持,开发人员不考虑在本地添加该功能。

【讨论】:

以上是关于.sass 文件的 VS Code 颜色选择器的主要内容,如果未能解决你的问题,请参考以下文章

根据选择器在 Sass 中设置变量

在 VS Code 中更改 UI 文本颜色

我可以在 PHP 中使用 LESS/SASS 混合颜色吗?

如何将 vscode css 颜色选择器功能带入带有匹配颜色名称格式的字符串的 js 文件中?

less样式如何使用cssmodule

VS Code 主题风格设置