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＆amp;中成为<cl>。 javascriptreact files。

我还在语言的片段定义中尝试了js和javascriptreact，但没有运气。

Answer 1

因此，我将在此处举例说明内置的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 并且内置片段仅限于intellisense并不是很好。我想要一个像 ctrl + e 这样的键绑定，我是Emmet的忠实粉丝。

如果有人知道，我仍然热衷于使用相同的密钥绑定与Emmet合作。

Answer 2

本文解决了我的情况

https://medium.com/@eshwaren/enable-emmet-support-for-jsx-in-visual-studio-code-react-f1f5dfe8809c

Emmet JS在VS Code中的代码片段

2 个答案: