如何在vscode emmet密钥建议中添加空间？

Question

下面的图片中有@media内置的emmet建议，我想添加max-width和min-width的自定义摘要。我使用以下代码成功完成了这项工作。

{
    "css": {
        "snippets": {
            "@mediaMaxWidth": "@media(max-width: ${1:768}px) {\n\t${2}\n}",
            "@mediaMinWidth": "@media(min-width: ${1:768}px) {\n\t${2}\n}"
        }
    }
}

问题：：就像内置的emmet一样，@media screen之间有空格，我想为我的自定义创建相同的空格，使其变为@media max-width和{ {1}}我似乎无法实现。

我尝试了什么以及我希望它能起作用：

@media min-width

Answer 1

无法在缩写快捷方式中添加空格。您在屏幕截图中看到的是扩展结果的预览，而不是实际的片段

Answer 2

正如@Mark在评论中提到的那样，如果您使用的片段较少，则可以将其放入snippets / css.json（less.json）中。 但代码段的结构看起来有所不同。

要添加代码段，请打开 “文件”>“首选项”>“用户代码段” ，然后选择要添加代码段的语言，在这种情况下，我选择的是CSS。

根据文件本身中的文档添加代码。根据我的要求，代码看起来像这样。

    "media min width 768px": {
        "prefix": "@media min-width",
        "body": [
            "@media(min-width: ${1:768}px) {\n\t${2}\n}",
            "$3"
        ],
        "description": "Media min width"
    },

    "media max width 768px": {
        "prefix": "@media max-width",
        "body": [
            "@media(max-width: ${1:768}px) {\n\t${2}\n}",
            "$3"
        ],
        "description": "Media max width"
    }

结果：