一套自動完成自定義HTML元素

Question

好日子，

我怎麼能設置自動對崇高的文本3完整的自定義HTML元素，例如像如果我鍵入：dog然後按Tab鍵將成爲<dog></dog> ..謝謝你的回答。

Answer 1

您可以爲此創建一個自定義.sublime-completions文件。創建於崇高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，打標籤將插入<foo>|</foo>其中|是光標位置。

在第二示例中，打字bar和擊球標籤將插入<bar class="|"></bar>。光標將首先在class=之後的引號之間，以便您可以輸入自己的課程。擊中標籤再次將光標放在</bar>之前。

第三個示例的工作方式與第二個示例類似，但class現在具有默認值。此值會打字baz擊中標籤後突出 - 你可以打標籤再次保持默認值，光標移動的開始和結束標記之間，也可以輸入自己的值，命中標籤 ，並將光標移動到開始和結束標記之間。

一旦你設置好了所有的設置，將文件保存爲Packages/User/HTML.sublime-completions，其中Packages是選擇Preferences -> Browse Packages...時打開的文件夾。

欲瞭解更多信息，請點擊上面的鏈接。要詳細瞭解佔位符和變量，請查看this documentation。

祝你好運！