Visual Studio代码颜色选择器

Question

我喜欢视觉工作室代码,但我认为有一件事是缺失的.
颜色选择器.
有没有人知道是否有像Visual Studio中的视觉工作室代码的颜色选择器？

Answer 1

在1.15.1版本中,他们添加了一个颜色选择器.

https://code.visualstudio.com/updates/v1_15#_color-picker

Answer 2

扩展Color Picker确实可以工作,但你需要从这个网站安装Node.Js ,还要注意当你第一次尝试使用这个插件时,它会做一个初始配置,需要几分钟.

Answer 3

您不需要为此使用第三方扩展

该功能自 2017 年以来已内置到 VS Code 中，但需要首先启用。就我而言，自 2017 年以来 VS Code 出现此问题的地方我一直看到它重复出现，但尽管使用的是最新版本，但在颜色上悬停或右键单击并没有触发它。即使通过 Google 和原始 GitHub 问题进行的一些挖掘也没有发现这个功能默认被禁用并且需要启用的事实。

启用 VS Code 的内置颜色选择器

转到“设置”( Ctrl+,) 并搜索“颜色装饰器”选项：

颜色装饰器
控制编辑器是否应渲染内联颜色装饰器和颜色选择器。

选中该框以启用它（如果尚未选中）。退出“设置”，然后返回到其中包含颜色的文件。如有必要，关闭并重新打开 VS Code。

现在，您应该在每种颜色旁边看到一个彩色方块 - 单击这些框以调出颜色选择器。

额外小费

尽管您不再需要为此安装第三方扩展，但仍然有一些有用的扩展可用于处理 VS Code 尚未内置的颜色。如果您经常使用颜色（例如前端 Web 开发），我强烈建议安装 Sergei N 的颜色突出显示扩展 - 我已经使用它很多年了，无法计算它为我节省了多少时间快速扫描文件以查找我需要调整的颜色。