样式化组件颜色选择器未显示

Question

我已经将 VSCode 与 React 和 Styled Components 一起使用了大约 6 个月——没问题。最近，当包含任何涉及颜色的 CSS 属性时，颜色选择器没有出现。快速重新加载 window 或重新启动 VScode 总能解决这个问题……直到现在。我已将所选语言更改为 CSS、Javascript、Javascript React 和 CSS（样式化组件）。没有任何效果。

我试过 uninstalling/re-installing 风格的组件扩展。没有什么。我卸载并重新安装了 VSCode，但这也没有用。

我安装了这个扩展 https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components

Image of color picker not showing up next to color

如有任何帮助，我们将不胜感激。

谢谢

**编辑：对于将来可能运行的任何人，安装此扩展可以解决此问题。 https://marketplace.visualstudio.com/items?itemName=AntiAntiSepticeye.vscode-color-picker

Answer 1

默认情况下，VSCode 将为 .css、.less、.scss 和 .sass

等样式表文件启用颜色选择器

为了让其他文件类型的颜色选择器，只要有有效的HEX标签，也为了使有效答案更完整，有两个步骤，

安装扩展 vscode-color-picker。
将以下内容添加到 VSCode 的 seetings.json，因为默认情况下它会启用 [python,javascript,typescript]

"vscode-color-picker.languages": [
"php",
"html",
"css",
"python",
"jsonc",
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"vue"
]

样式化组件颜色选择器未显示

Styled Components Color Picker not showing

javascript

css

reactjs

visual-studio-code

styled-components