在 vscode 的 jsx 中为 css 启用自动完成/智能感知

Question

jsx 中是否有 css 的扩展（不确定是否是名称，下面的示例），这将启用 css 自动完成/智能感知，并且可能在vs-code 中使用颜色语法。

对于 jsx 中的 css，我的意思是：

<style jsx>{`
  .class{
     font-size:16px;
  }
`}</style>

Answer 1

这是简单的解决方案。

首先创建一个CSS文件（例如style.css）

yourStyle.css（文件）

.my-style{
    color:red;
    background-color:green;
}

然后在你的 js 文件中简单导入这个 CSS 文件

import './yourStyle.css'

Answer 2

这个似乎工作得很好： https://github.com/Divlo/vscode-styled-jsx

Answer 3

我发现这个扩展https://marketplace.visualstudio.com/items?itemName=blanu.vscode-styled-jsx用于 styled-jsx 的语法突出显示，但不适用于自动完成/IntelliSense

更新：您可以同时使用vscode-styled-components和styled-jsx 语言服务器来实现这一点。