如何在 WebStorm 中为内联 CSS 启用代码完成和智能感知?

Bri*_*HVB 5 javascript css jetbrains-ide webstorm reactjs

在 WebStorm 中处理 CSS 文件时,intellisense 将对属性名称(当我开始输入时显示可能的属性列表)和属性值(显示可能的字符串值,当属性是颜色选择器时显示颜色)进行操作, 等等)。

在此处输入图片说明 在此处输入图片说明

当使用 React 和其他更喜欢在组件 JavaScript 文件中内联 CSS 的库/框架时,我希望有相同类型的代码完成。然而,当定义一个带有名称/值对的 React 对象作为 style 属性的值时,WebStorm 将其视为一个普通的 JavaScript 对象,没有任何 CSS 特定的信息。

在此处输入图片说明

有没有办法向 WebStorm 指示名称对应于 CSS 样式属性,或者对象本身包含样式规则?