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

【问题标题】：Next.js automatic class completion for CSS modules in WebStorm?WebStorm 中 CSS 模块的 Next.js 自动完成类？
【发布时间】：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 谢谢，这正是我要找的！

标签： reactjs webstorm css-modules react-css-modules

【解决方案1】：

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

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

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

【讨论】：