WebStorm 中 CSS 模块的 Next.js 自动完成类？

Posted 2023-02-21

【中文标题】WebStorm 中 CSS 模块的 Next.js 自动完成类？

【英文标题】：Next.js automatic class completion for CSS modules in WebStorm?

【发布时间】：2022-01-05 02:58:30

【问题描述】：

有没有办法在 IntelliJ IDEA 的应用程序中为 CSS 模块添加自动类完成？

我使用 WebStorm，目前正在 Next.js (React) 上开发一个项目。

我曾经写过类似div.avatar 的东西，然后按TAB 键，这样IDE 就会将我的代码转换为<div class="avatar"></div>。我想知道这对于 CSS 模块是否可行，因为现在我需要手动重写每个 CSS 类。

【问题讨论】：

"我曾经写过类似 div.avatar 的东西，然后按 TAB 键，这样 IDE 就会将我的代码转换为 "这是标准的 Emmet 功能。您无法自定义此类行为。

这张票似乎是你所追求的：考虑观看它（星/投票/评论）以获得任何进展的通知：youtrack.jetbrains.com/issue/WEB-52596

@LazyOne 谢谢，这正是我要找的！

【参考方案1】：

我曾经写过类似div.avatar 的东西，然后按 TAB 键，这样 IDE 就会将我的代码转换为 <div class="avatar"></div>

那是standard Emmet functionality。您无法在 WebStorm 中自定义此行为。

https://youtrack.jetbrains.com/issue/WEB-52596 -- 观看这张票（星号/投票/评论）以获得任何进展的通知。 我建议你这样做，以便开发人员知道这是一个必需的功能（提高优先级：没有投票意味着没有用户对此感兴趣）。