有没有办法告诉 WebStorm 字符串是 CSS

Question

我有一些用 TypeScript 编写的 React 组件，其中包含 CSS 类的字符串属性。例如：

定义

function MyComponent({css}:{css:string}) {
    // use css string...
}

用法

<MyComponent css="text-blue-100 flex flex-row"/>

有没有办法告诉 WebStorm css 字段应该被解释为 CSS 而不是任意字符串，这样我就可以自动完成该字段的工作（就像我可以在标准 HTML 标签中）？

Answer 1

不幸的是，没办法；我可以建议的唯一解决方法是将 JQuery-CSS 语言注入您的属性：

但请注意，您需要输入一个点才能看到类完成 - 注入这种语言后，类应以点开头，HTML否则建议使用标签：

Answer 2

这很老套..但似乎有效。它的效果如何：很可能不如 HTML 标签中的原生 class 属性。

实际代码示例（纯 HTML 文件，如果有任何不同）：

实际的注入规则。 这个想法是欺骗 IDE 它是一个 class 属性...所以我们注入 HTML 带有前缀和后缀位：

Is there a way to tell WebStorm that string is CSS