vscode中emmet中jsx语法中.(点)不再扩展成className而是扩展成styleName

Question

vscode写jsx的时候通过tab可以将div.扩展成<div className=""></div>。然而有两个问题。

1. 是eslint中配置的是单引号
2. 在使用了react-css-module的情况下，我需要直接扩展成styleName，而不是className

第一个问题已经通过vscode配置解决了，如下：

// User settings
"emmet.syntaxProfiles": {
    "html": {
        "attr_quotes": "single"
    },
    "jsx": {
        "attr_quotes": "single",
        "self_closing_tag": true
    }
}

https://docs.emmet.io/customi...

第二个问题，虽然可以通过div[styleName]扩展，但觉得还是比较麻烦。

大家有没有好的解决办法（配置项？）。查看了emmet和vscode的相关文档，似乎都没有提到这个问题。发issue又不太合适，在这里寻求大家帮助。

Answer 1

stackoverflow上解决了。链接如下：
https://stackoverflow.com/que...