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

Question

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

我输入IM.
智能感知 'suggests' <InlineMath math=""/>.
我按 enter，选择建议的标签。
光标位于 "" 标记之间，我可以输入了。

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

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

我在想类似于this的东西，但是对于我上面描述的情况（不需要元素嵌套）。

Answer 1

尝试制作一个custom code snippet. I also used snippet-generator.app来提供帮助。

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

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

How do you create a single custom Intellisense feature in VSCode?

macos

visual-studio-code

mdx

intellisense