在编写 JS/JSX 文件时，有没有办法在 VSCode 中调出颜色选择器？

Posted 2023-02-21

【中文标题】在编写 JS/JSX 文件时，有没有办法在 VSCode 中调出颜色选择器？

【英文标题】：Is there anyway to bring up the color picker in VSCode when writing JS/JSX files?

【发布时间】：2018-07-17 06:36:21

【问题描述】：

在使用 React 时，如果能够在使用内联样式时访问带有十六进制代码的颜色选择器，那就太好了。有什么扩展或设置可以解决这个问题吗？

【问题讨论】：

我在 vscode 中看到的是使用 css 文件时颜色代码自动完成。

我在我的 React 应用程序中使用严格的内联样式，但我仍然保留一个带有 .testColor color:#ffffff; 的 CSS 文件。 在我所有的项目中都使用它。它不如在 JSX 中直观地编辑颜色方便，但是当您确实想试验颜色以最终在 JSX 文件中使用时，它可以很好地让您留在项目中。

@hawkeyegold 不是我希望的答案，但这似乎是一个很好的解决方法。谢谢！

此相关问题可能感兴趣：github.com/Microsoft/vscode/issues/52364

【参考方案1】：

我自己也遇到了这个问题，所以我构建了Color Pick。

【参考方案2】：

我创建了an extension，它使用 macOS 原生颜色选择器，它适用于内联样式和任何文件格式，只要所选颜色符合 CSS 表示法（十六进制、rgba(...)等）