Visual Studio 代码颜色选择器答案

【问题标题】：Visual studio code color pickerVisual Studio 代码颜色选择器
【发布时间】：2016-02-01 22:14:28
【问题描述】：

我喜欢 Visual Studio 代码，但我认为缺少一件事。
一个颜色选择器。
有谁知道 Visual Studio 代码是否有一个颜色选择器，就像在 Visual Studio 中一样？

【问题讨论】：

【解决方案1】：

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

【讨论】：

并确保将鼠标悬停在颜色文本而不是颜色框上以激活它。 github.com/Microsoft/vscode/issues/42720#issuecomment-366348158
“并确保将鼠标悬停在颜色文本而不是颜色框上以激活它。” 2018 年，我必须用谷歌搜索才能正确使用它 - 谢谢！
他们应该让它悬停在颜色框上立即打开它..
@lowtechsun 这应该是答案的一部分。

【解决方案2】：

扩展 Color Picker 确实有效，但您需要从 this website 安装 Node.Js，另请注意，当您第一次尝试使用该插件时，它会进行初始配置，需要几分钟时间。

【讨论】：

【解决方案3】：

我知道这是一个有点老的话题，但它可能对某人有所帮助。要使颜色选择正常工作，您需要 Mia 提到安装 Node.js 并将其添加到 $PATH。它会在安装过程中询问您是否将 Node.js 和 NPM（节点包管理器）添加到 PATH。

如果选择器仍然不起作用，则有 3 个设置（引用官方描述）：

如果对话框显示不正确，请将 colorHelper.disableGpu 设置为 1。

如果尚未解决，请将 colorHelper.disableShadow 设置为 true。

如果尚未解决，请将 colorHelper.disableTransparent 设置为 true。

对我来说将 colorHelper.disableTransparent 设置为 true 解决了这个问题。 colorHelper.disableGpu 和 colorHelper.disableShadow 保留默认值。

要进入该设置，请按 Ctrl+,

【讨论】：

【解决方案4】：

VSCode 没有颜色选择器，抱歉。

它确实有 CSS 的颜色预览（参见：https://code.visualstudio.com/Docs/languages/css）和一个非常强大的扩展系统。

将来可能会添加类似的功能，或者有人可能会创建扩展程序，但现在您必须在其他地方选择颜色。

【讨论】：

【解决方案5】：

我已经为此奋斗了一段时间，幸运的是我能够找到解决方法...... 试试这个。

打开 Visual Studio Code 并安装“VS Color Picker”扩展。 “安装” 按钮将更改为“禁用”...如果显示，那么您确定扩展程序已安装。
按“CTRL + SHIFT + P”，VS Code 顶部会显示一个下拉框，那里的项目按字母顺序排列，因此您可能需要向下滚动到找到已安装的扩展“VS Color Picker”，或者您可以使用提供的搜索框获取已安装的扩展程序。
将鼠标悬停在“VS Color Picker”扩展上，向右会出现一个设置符号显示，单击它，将打开一个“键盘快捷键”窗口，在这个新的窗口你会发现“VS Color Picker”扩展，双击它，你会看到一个弹出框，要求您输入所需的快捷方式来调用扩展名......把你觉得舒服的，对我来说，我用了“Alt + Shift + P”，然后按回车键并关闭窗口....然后试一试，让我知道它是否有效...谢谢。

【讨论】：

【解决方案6】：

安装 windows 全局颜色选择器“PowerToys”。

https://github.com/microsoft/PowerToys/releases/download/v0.51.1/PowerToysSetup-0.51.1-x64.exe

使用 Windows+Shift+C 随时激活。打开颜色选择器 > 打开设置。确保其已启用。完成！

【讨论】：