Emmet 自动完成功能在 JSX 中不起作用

Question

我是 Visual Studio Code 的新手，并试图让 emmet 在 JSX 上工作。我读到我必须在我的设置中使用以下代码，但它仍然无法正常工作。任何人都可以为我排忧解难吗？

"emmet.includeLanguages": {
      "html": "html",
      "javascript": "javascriptreact",
      "xml": {
        "attr_quotes": "single"
      }
    },
    "emmet.triggerExpansionOnTab": true 
}

Answer 1

我发现有时 Emmet 会“忘记”在 JS 文件中寻找 HTML，但它在 JSX 和 CSS 文件中仍然有效。所以我放了几行来“提醒” js 文件中的 Emmet 外观 HTML，与它们相关联，这里是：

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

或这个：

"emmet.triggerExpansionOnTab": true,
"files.associations": { "*.js": "javascriptreact" }

这是来源

Answer 2

这对我有用：

"emmet.includeLanguages": {
  "html": "html",
  "javascript": "javascriptreact",
  "xml": {
    "attr_quotes": "single"
  }
},
"emmet.triggerExpansionOnTab": true

与您的代码的唯一区别是我删除了最后一个花括号，因此它正确包含在对象中settings.json。如果您希望这些设置适用于您的所有文件和项目，请确保更改位于您的USER SETTINGS.

这里是 Emmet 配置的 VSCode 相关文档。