在sublime text 3上为自定义html元素设置自动完成

Question

美好的一天,

如何在自定义html元素的sublime文本3上设置自动完成,例如,如果我键入:dog然后按Tab它将成为<dog></dog>..感谢您的答案.

Answer 1

您可以.sublime-completions为此创建自定义文件.使用以下内容(当然根据您的需要定制)在Sublime中使用JSON语法创建一个新文件:

{
    "scope": "text.html - source, punctuation.definition.tag.begin",

    "completions":
    [
        { "trigger": "foo", "contents": "<foo>$0</foo>" },
        { "trigger": "bar", "contents": "<bar class=\"$1\">$0</bar>" },
        { "trigger": "baz", "contents": "<baz class=\"${1:myclass}\">$0</baz>" }
    ]
}

在第一示例中,打字foo和击球Tab将插入<foo>|</foo>其中|是光标位置.

在第二个示例中,将插入键入bar和命中.光标将首先位于以下引号之间,因此您可以输入自己的类.再次点击将光标放在前面.Tab<bar class="|"></bar>class=Tab</bar>

第三个示例与第二个示例的作用相同,只是class现在具有默认值.键入baz和点击后该值将突出显示Tab- 您可以Tab再次点击以保持默认值并在开始和结束标记之间移动光标,或者您可以输入自己的值,点击Tab,并将光标移动到开头和开头之间结束标签.

一旦您按照自己喜欢的方式设置了所有内容,请将文件另存为Packages/User/HTML.sublime-completions,Packages选择时打开的文件夹位置Preferences -> Browse Packages....

有关更多信息,请点击上面的链接.要了解有关占位符和变量的更多信息,请查看此文档.

祝好运!