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

Question

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

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

但似乎无法让它适用于 Markdown 反应。我已经尝试过，但有一些"javascript": "markdownreact"变化"markdown react"："Markdown React"

IE

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

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

Answer 1

这可能不是规范的答案（或最好的答案）；尽管如此，还是有一个解决方案。

html关于 html 标签：一种方法是在字符串中启用快速建议：

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

特别是对于.mdx文件，您需要确保语言模式设置为 Markdown React，或者使用包含此文件关联的扩展。

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

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