當前位置:博客首頁>>編程基礎(chǔ) >> 閱讀正文

擴展sublimeText3的Tab自動補全功能

作者: 鄭曉 分類: 編程基礎(chǔ) 發(fā)布于: 2016-06-08 10:10 瀏覽:12,875 評論(1)


sublime Text3中自帶有tab自動補全的功能,這在寫html時非常的實用,比如輸入html會自動生成基礎(chǔ)的html結(jié)構(gòu)標簽(類似dreamweaver新建html文檔時)、script+tab會自動創(chuàng)建出。
由于自己經(jīng)常會測試一些jquery效果,也就會經(jīng)常用到引入jquery庫的代碼,比如引入bootcssCDN中的jquery庫可以用




每次都去復(fù)制粘貼這么一大段也挺麻煩的,正好sublime編輯器有自動創(chuàng)建模板的功能,所以就研究了一下如何擴展它的tab鍵補全。

sublime的tab補全擴展需要一個.sublime-completions文件來配置,這個文件需要放到插件packages/user中。

點擊Preferences–>瀏覽程序包(Browse Packages…) 打開擴展配置目錄。
打開User目錄,在該目錄中新建一個.sublime-completions后綴文件,比如我創(chuàng)建的名是zx.sublime-completions。
打開這個文件開始配置新的Tab鍵功能

{
"scope": "text.html - source - meta.tag, punctuation.definition.tag.begin",
"completions":
[
{ "trigger": "jquery", "contents": "" }
]
}

其中scope定義了在何時使用設(shè)置的規(guī)則,completions為補全數(shù)組,其中的trigger為觸發(fā)器,contents為被替換后的內(nèi)容。比如我上面的例子中,trigger:jquery,即在編輯html時輸入jquery后按tab時會觸發(fā)此條規(guī)則,替換jquery為后面設(shè)置的script引用標簽。
最終效果像這樣:
sublimetext-jquery
若要自動定義光標的話,使用$0、$1…
具體詳細說明和解釋可以參考sublimetext官方文檔

? ? ? ?

本文采用知識共享署名-非商業(yè)性使用 3.0 中國大陸許可協(xié)議進行許可,轉(zhuǎn)載時請注明出處及相應(yīng)鏈接。

本文永久鏈接: http://www.yjfs.org.cn/sublimetext-completions-jquery.html

擴展sublimeText3的Tab自動補全功能:目前有1 條留言

用戶評論頭像 自信的海鷗發(fā)表于 2016年08月08日 10:23[回復(fù)]

發(fā)表評論

change vcode