VS Code 模板字符串 css 语法高亮？（情感）

Question

如何template string css在 VS Code 中启用情感语法突出显示？我找到的所有插件都是用于片段的。

它可以工作，css({ camelCaseCssProps:...})但我试图css variables在没有导入的情况下使用主题，我想一般来说我宁愿kebab-case在我的全局样式文件中保留常规的 css 语法：

// index.js
    
render(
  <Global
    styles={css`
      html {
        // css variables (and/or camel-case props)
        --color-base: white;
        --color-text: #434449;
       }
    `}
  />
)

Answer 1

安装扩展vscode-styled-components。

https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components