在 VSC 上为 .tsx 文件启用 Emmet

Posted 2023-02-21

【中文标题】在 VSC 上为 .tsx 文件启用 Emmet

【英文标题】：Enable Emmet for .tsx files on VSC

【发布时间】：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"，就像我的情况一样。

【参考方案1】：

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

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

【参考方案2】：

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

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