如何在TSCode的VSCode中将emmet扩展“ className”更改为“ class”？

Question

在stencil's.js中，类选择器的TSX元素属性是class而不是className（如React中一样）。

在VSCode中找不到方法来为emmet的扩展更改类属性的名称。

尝试使用emmet的首选项，但这无济于事。

typescript .st-form__upload

扩展到

<div className="st-form__upload"></div>

但我需要

<div class="st-form__upload"></div>

有人有同样的问题吗？

Answer 1

如果您想要更多自定义，例如在 JSX/TSX 中使用单引号将属性值括起来，同时仍希望保留 .html 文件的现有行为，您可以使用：

{
  "emmet.includeLanguages": {
    "javascriptreact": "xml",
    "typescriptreact": "xml"
  },
  "emmet.syntaxProfiles": {
    "xml": {
      "attr_quotes": "single"
    }
  }
}

参考文献：

• Emmet abbreviations in other file types
• syntaxProfiles.json