在 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 語言服務器來實現這一點。