H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

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又不太合适,在这里寻求大家帮助。

回答:

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

本文地址:H5W3 » vscode中emmet中jsx语法中.(点)不再扩展成className而是扩展成styleName

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址