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

Question

我已经用了大约6个月的VSCode和React和样式组件--没有问题。最近，当包含任何涉及颜色的CSS属性时，颜色选择器还没有显示出来。快速重新加载窗口或重新启动VScode现在总是解决这个issue..until问题。我已经将选定的语言更改为CSS、Javascript、Javascript React和CSS (样式组件)。毫无办法。

我尝试过卸载/重新安装样式的组件扩展。没什么。我卸载并重新安装了VSCode，但这也不起作用。

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

颜色选择器的图像没有显示在颜色旁边

任何帮助都将不胜感激。

谢谢

**编辑:对于将来可能遇到这种情况的人，安装这个扩展可以解决这个问题。https://marketplace.visualstudio.com/items?itemName=AntiAntiSepticeye.vscode-color-picker

Answer 1

默认情况下，VSCode将为样式表文件(如.css、.less、.scss和.sass )启用颜色选择器。

为了让其他文件类型的颜色选择器，无论哪里有一个有效的HEX标签，也为了使有效答案更加完整，有两个步骤要遵循，

1. 安装扩展vscode-色选择器。
2. 将以下内容添加到您的seetings.json的VSCode中，因为默认情况下它支持[python,javascript,typescript]

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