VS Code 中的 Emmet JS 片段

Question

有没有人成功让 Emmet JS 片段在 VS Code 甚至 Sublime 中工作？

来自https://stackoverflow.com/a/16943996/2012407的解决方案对我不起作用。

这些是我的设置：

"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "plaintext": "html"
},

这是我的 snippets.json：

{
    "javascript": {
        "abbreviations": {
            "cl": "console.log",
            "va": "var"
        },
        "snippets": {
            "cl": "console.log",
            "va": "var"
        }
    },
    "css": {
        "snippets": {
            "cb": "color: black",
            "bsd": "border: 1px solid ${1:red}"
        }
    }
}

CSS、SCSS、HTML 和其他所有内容都没有问题 - 只有 JS。我尝试过

abbreviations

或

snippets

，但 Emmet 扩展将 HTML 标签放在我所写的内容周围：

cl

在 Javascript 和 javascriptreact 文件中变成

<cl>

。

我还在语言的片段定义中尝试了

js

和

javascriptreact

，但没有成功。

Answer 1

无需在 Emmet 中添加 JS 片段：Emmet 2.0 的新概念（已在 VS Code 中提供；v2.0 处于测试版，尚未公开发布）作为自动完成提供程序，因此您可以简单地使用本机 VS Code 片段

Answer 2

所以我将在这里举一个内置 VS Code 片段的示例，这仍然不是我最喜欢的。

使用 cmd+shift+p 打开命令提示符并输入

user snippets

。那里已经有一个例子了。取消注释，保存，然后输入前缀即可立即使用。

我还必须创建名为

javascriptreact.json

的相同代码片段文件，才能使其在我的大多数 JS 文件中工作 - Javascript React (babel)

例如：

{
    "Test": {
        "prefix": "ts",
        "body": [
            "console.log('test')",
            "$1"
        ],
        "description": "Prints test"
    }
}

现在我已将 Emmet 映射到 ctrl+e，并且将内置片段仅限于智能感知并不是很好。我想要一个像 ctrl+e 这样的按键绑定，而且我是 Emmet 的忠实粉丝。

如果有人知道的话，我仍然热衷于让它与 Emmet 一起使用相同的键绑定。

Answer 3

暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨 暨