如何将vscode css颜色选择器功能导入具有匹配颜色名称格式的字符串的js文件？

Question

当前插件均无法执行此操作。我真的很惊讶。甚至intellij也有这种支持！

另外，vscode本身的回复也没有帮助。 https://github.com/Microsoft/vscode/issues/36485

关于如何构建这样的插件的任何提示似乎都不应该很困难，因为它实际上只是将该功能从一个文件扩展名移植到另一个文件扩展名？

任何人都可以解决这个问题？

Answer 1

我发现colorize可以突出显示JavaScript和TypeScript（以及其他）GitHub

在您settings.json的VSCode 中，只需添加您想要定位的语言：

"colorize.languages": ["typescript", "javascript", "css", "scss"]

Answer 2

针对这个问题进行更新。似乎：

添加颜色选择器将功能引入其他语言。

亲自测试并在打字稿中工作。它相对较新，因此没有大量下载或安装，但它的作用正如广告中所宣传的那样。

@ezequiel-guitler 确保将您使用的语言添加到 settings.json 中，如下所示： `"vscode-color-picker.languages": ["python", "javascript", "typescript", "typescriptreact"] ` (4认同)
这太棒了！谢谢！这绝对应该是新的正确答案，因为它将 css 文件中的相同颜色功能添加到任何其他文件类型中。（Python、JS 等） (2认同)
这对我不起作用：c (2认同)

Answer 3

目前，vscode Insiders v1.78 中能够在 css-stle 颜色格式前面看到颜色装饰器或在任何地方调用独立的颜色选择器。

ts 和 jsx 文件中的演示：

环境：Editor: Default Color Decorators

命令：Show or Focus Standalone Color Picker

Answer 4

VS 扩展JSON 颜色令牌能够以任何语言启动本机颜色选择器。

要使其与 JS 和 React 一起使用，请在 VS Code 的 settings.json 中添加以下内容：

"jsonColorToken.languages": [
    "json",
    "jsonc",
    "javascript",
    "javascriptreact"
  ]

Answer 5

对于任何使用Colorize并希望它在他们的 React 项目（js 中的 css 等）上工作的人：

用

"colorize.languages": ["javascriptreact", "javascript", "css", "scss"]

因为显然需要“javascriptreact”而不是“javascript”