如何在 vscode 中添加对 .mdx / markdown 反应文件类型的 emmet 支持

Question

我在 gatsby 中使用 .mdx 文件，希望能够让 emmet 将其识别为扩展/支持的有效文件类型。 .mdx 文件已在 vscode 中被识别为“Markdown React”，我之前通过以下方式添加了 .jsx 支持：

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

但似乎无法让它为降价反应工作。我试过 "javascript": "markdownreact"，"markdown react"，"Markdown React"：

即

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

想知道我是否仍然记错了语言名称，或者它是否不支持多个文件关联。或者也许应该在键值对中切换顺序？

Answer 1

这可能不是标准答案（或最佳答案）；尽管如此，还是一个解决方案。

Re html 标签：一种方法是在字符串中启用 html quickSuggestions：

"emmet.includeLanguages": {
    "javascript": "html"
},
"[javascript]": {
    "editor.quickSuggestions": {
        "strings": true
    }
},

对于 .mdx 文件，您需要确保 language mode 设置为 Markdown React，或使用包含此文件关联的扩展。

然后将其添加到包含的 emmet 语言中：

"emmet.includeLanguages": {
    "mdx": "html"
},

How to add emmet support for .mdx / markdown react file types in vscode