在 VSC 上为 .tsx 文件启用 Emmet答案

【问题标题】：Enable Emmet for .tsx files on VSC在 VSC 上为 .tsx 文件启用 Emmet
【发布时间】：2018-09-19 04:08:40
【问题描述】：

我正在使用 Visual Studio Code。如何在 .tsx 文件上启用 emmet？

我想要一个简单的

.foo + tab

扩展为

<div className="Foo"></div>

但是，我尝试过的任何操作似乎都没有触发 emmet 的上述预期行为。

这是我的 VSC 设置：

  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "typescript": "typescriptreact",
    },

【问题讨论】：

您好，您在问题中描述的设置适用于.js 和.tsx 文件，支持JSX。它可能对您不起作用的一个原因是，"emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFilesOnly" 理想情况下应该是 "emmet.showExpandedAbbreviation": "always"，就像我的情况一样。

标签： visual-studio-code emmet react-tsx

【解决方案1】：

我在我的 VS Code 用户设置中设置了它，它可以根据需要为 .tsx 文件工作：

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

【讨论】：

【解决方案2】：

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

这是我的设置，可以正常使用

【讨论】：