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

Question

再会，

如何在 sublime text 3 上为自定义 html 元素设置自动完成，例如，如果我输入: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= 之后的引号之间所以你可以进入你自己的类(class)。再次点击 Tab 会将光标放在 </bar> 之前.

第三个例子和第二个例子一样，除了 class现在有一个默认值。键入 baz 后，此值将突出显示并点击 Tab - 您可以再次点击 Tab 以保持默认值并在开始和结束标签之间移动光标，或者您可以输入自己的值，点击 Tab，然后将光标移动到开始和结束标签之间。

一切设置好后，将文件另存为 Packages/User/HTML.sublime-completions , 其中 Packages是选择 Preferences -> Browse Packages... 时打开的文件夹.

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

祝你好运!