reactjs - React、Emmet、Visual Studio Code 和 CSS 模块

Question

有没有办法在 Visual Studio 代码中配置 emmet 以使用 React 的 CSS 模块？

当我输入... div.container然后点击 tab，它变成 <div className="container"></div>

这里的问题是它没有使用 CSS 模块。我希望它变成这样: <div className={styles.container}></div>

有没有办法在 VS code 中获得此功能？

Answer 1

您可以使用 Emmet div.{styles.container} => 选项卡
并得到<div className={styles.container}></div>

VS 代码设置

"editor.autoClosingBrackets": "always",
"emmet.includeLanguages": {
  "javascript": "javascriptreact",
  "typescript": "typescriptreact"
},