Question

美好的一天，

如何在自定义html元素的sublime text 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...时打开的文件夹。

有关详细信息，请点击上面的链接。要了解有关占位符和变量的更多信息，请查看this documentation。

祝你好运！

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

1 个答案: