擴(kuò)展sublimeText3的Tab自動(dòng)補(bǔ)全功能
作者: 鄭曉 分類: 編程基礎(chǔ) 發(fā)布于: 2016-06-08 10:10 瀏覽:13,024 評(píng)論(1)
sublime Text3中自帶有tab自動(dòng)補(bǔ)全的功能,這在寫html時(shí)非常的實(shí)用,比如輸入html會(huì)自動(dòng)生成基礎(chǔ)的html結(jié)構(gòu)標(biāo)簽(類似dreamweaver新建html文檔時(shí))、script+tab會(huì)自動(dòng)創(chuàng)建出。
由于自己經(jīng)常會(huì)測(cè)試一些jquery效果,也就會(huì)經(jīng)常用到引入jquery庫(kù)的代碼,比如引入bootcssCDN中的jquery庫(kù)可以用
每次都去復(fù)制粘貼這么一大段也挺麻煩的,正好sublime編輯器有自動(dòng)創(chuàng)建模板的功能,所以就研究了一下如何擴(kuò)展它的tab鍵補(bǔ)全。
sublime的tab補(bǔ)全擴(kuò)展需要一個(gè).sublime-completions文件來配置,這個(gè)文件需要放到插件packages/user中。
點(diǎn)擊Preferences–>瀏覽程序包(Browse Packages…) 打開擴(kuò)展配置目錄。
打開User目錄,在該目錄中新建一個(gè).sublime-completions后綴文件,比如我創(chuàng)建的名是zx.sublime-completions。
打開這個(gè)文件開始配置新的Tab鍵功能
{
"scope": "text.html - source - meta.tag, punctuation.definition.tag.begin",
"completions":
[
{ "trigger": "jquery", "contents": "" }
]
}
其中scope定義了在何時(shí)使用設(shè)置的規(guī)則,completions為補(bǔ)全數(shù)組,其中的trigger為觸發(fā)器,contents為被替換后的內(nèi)容。比如我上面的例子中,trigger:jquery,即在編輯html時(shí)輸入jquery后按tab時(shí)會(huì)觸發(fā)此條規(guī)則,替換jquery為后面設(shè)置的script引用標(biāo)簽。
最終效果像這樣:
若要自動(dòng)定義光標(biāo)的話,使用$0、$1…
具體詳細(xì)說明和解釋可以參考sublimetext官方文檔
…
本文采用知識(shí)共享署名-非商業(yè)性使用 3.0 中國(guó)大陸許可協(xié)議進(jìn)行許可,轉(zhuǎn)載時(shí)請(qǐng)注明出處及相應(yīng)鏈接。
本文永久鏈接: http://yjfs.org.cn/sublimetext-completions-jquery.html
屌