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

擴(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)簽。
最終效果像這樣:
sublimetext-jquery
若要自動(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

擴(kuò)展sublimeText3的Tab自動(dòng)補(bǔ)全功能:目前有1 條留言

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

發(fā)表評(píng)論

change vcode