Reactjs 如何在vscode中为.mdx/markdown react文件类型添加emmet支持

Reactjs 如何在vscode中为.mdx/markdown react文件类型添加emmet支持,reactjs,visual-studio-code,markdown,gatsby,emmet,Reactjs,Visual Studio Code,Markdown,Gatsby,Emmet,我在gatsby中使用.mdx文件,希望emmet能够将其识别为扩展/支持的有效文件类型。.mdx文件已经在vscode中被识别为“Markdown React”,我之前通过以下方式添加了.jsx支持: "emmet.includeLanguages": { "javascript": "javascriptreact" }, 但似乎无法让它在降价反应中发挥作用。我尝试了“javascript”:“markdownreact”,在

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

"emmet.includeLanguages": {
  "javascript": "javascriptreact"
},
但似乎无法让它在降价反应中发挥作用。我尝试了
“javascript”:“markdownreact”
,在
“markdown react”
“markdown react”
上有一些变化:

i、 e


不知道是不是语言名称写错了,还是不支持多个文件关联。或者可以在键值对中切换顺序?

这可能不是标准答案(或最佳答案);尽管如此,这还是一个解决方案

重新设置html标记:一种方法就是启用字符串中的
html
quickSuggestions:

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

特别是对于
.mdx
文件,您需要确保将设置为Markdown React,或使用包含此文件关联的扩展名

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

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

你只是想做html标记吗?@soulshined是的-只是html标记。几乎对我有用。这是:
“emmet.includeLanguages”:{“mdx”:“html”}
!谢谢
"emmet.includeLanguages": {
    "mdx": "html"
},