macos - 如何在 VSCode 中创建单个自定义 Intellisense 功能？

Question

我希望在任何文件类型（例如 mdx、html、js 等）中发生以下情况：

• 我打字IM。
• 智能感知“建议” <InlineMath math=""/>。
• 我按下enter，选择建议的标签。
• 光标位于""标记之间，可供我输入。

因为我主要在.mdx文件类型中进行编辑，所以我必须手动输入每个字符，<InlineMath math=""/>这变得非常乏味。

我不确定最好的方法是什么。

我正在考虑与此类似的事情，但对于我上面描述的情况（不需要元素的嵌套）。

标签： macosvisual-studio-codemdxintellisense

Answer 1

尝试制作自定义代码片段。我还使用了 snippet-generator.app来提供帮助。

{
    "Block Math": {
        "prefix": "BM",
        "body": ["<BlockMath math=\"$1\"/>"],
        "description": "Create a block math component."
    },
    "Inline Math": {
        "prefix": "IM",
        "body": ["<InlineMath math=\"$1\"/>"],
        "description": "Create a inline math component."
    }
}