在VSCode中如何为 .mdx / markdown React 文件类型添加 Emmet 支持

Question

4

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

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

但我似乎无法将它应用到 Markdown React 中。我尝试了 "javascript": "markdownreact"，并且对 "markdown react"、"Markdown React" 进行了变化：

例如：

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

不知道我是否还是记错了语言名称，或者它是否不支持多个文件关联。或者可能应该在键值对中交换顺序?

- mheavers

你只是想学会如何使用HTML标签吗？ - soulshined

@soulshined 是的 - 只需要使用 HTML 标签。 - mheavers

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- soulshined · Accepted Answer

这可能不是标准答案（或最佳答案）；但仍是一个解决方案。

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

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

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

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

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