Reactjs React、Emmet、visualstudio代码和CSS模块

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

当我打字的时候

div.container

点击tab，它就变成了

这里的问题是它没有使用CSS模块。我希望它变成这样：

---

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

我认为emmet还不支持CSS模块。即使这样，您仍然需要一个编辑器无法推断的

styles

对象。这是非常可行的，但我认为最好的方法是使用自定义babel插件。

是的，你可以这样做，但我认为你必须创建自己的代码片段。从VSCODE文档：

在MAC上：代码->首选项->用户代码段，可以随意调用

打开该代码段文件时，请查看以下内容：

{
    "For_Loop": {
        "prefix": "for",
        "scope": "javascript,typescript",
        "body": [
          "for (const ${2:element} of ${1:array}) {",
          "\t$0",
          "}"
        ],
        "description": "For Loop"
    }
}

您可以执行许多占位符或任何其他变量，以下是链接：

我想你可以用这个变量

TM_CURRENT_LINE - The contents of the current line

---

我希望这会有帮助通过使用emmet plugin/在VS代码中执行以下步骤可以解决此问题

1） 在VS代码中按住

ctrl+shift+p

2） 键入settings.json并选择Open Setting（json）

3） 打开settings.json文件后，将下面的行添加到该文件中

    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
     }

 希望有帮助

"emmet.includeLanguages": {
    "javascript": "javascriptreact"
 } 

将在jsx内启用emmet，但不在CSS模块内启用