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

Question

我已经使用 VSCode 与 React 和 Styled Components 大约 6 个月了——没有任何问题。最近，当包含任何涉及颜色的 CSS 属性时，颜色选择器没有显示。快速重新加载窗口或重新启动 VScode 总是可以解决这个问题......直到现在。我已将所选语言更改为 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

为了拥有适用于其他文件类型的颜色选择器，只要有有效的十六进制标签，也为了使有效答案更加完整，需要遵循两个步骤，

1. 安装扩展vscode-color-picker。

2. 将以下内容添加到seetings.json您的 VSCode 中，因为默认情况下它会启用[python,javascript,typescript]

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