比如輸入 一個 標識 html5 ,然后按下tab鍵,自動生成我們自己定義好的代碼片段. 使用以及適用的場 景有很多.
本文講的就是利用sublime 本身自帶的工具去創(chuàng)建子定義代碼片段
菜單欄--> Tools -->Developer-->new snippet...
點擊會進入一個頁面 , 顯示的內(nèi)容是這樣的
注意看第三行 : Hello, ${1:this} is a ${2:snippet}. 這個就是我們要自定義片段代碼的內(nèi)容,將你想要自定義的代碼覆蓋到這一行即可.
然后${1} 的意思就是我們進入頁面后,第一次光標移入的位置
比如 <tittle>${1:我是標題}</tittle>
當你進入的時候 光標就是放在tittle中間,我是標題的后面
${0}是光標結(jié)束的位置
其次 注意看配置項倒數(shù)第四行 <tabTrigger>html5</tabTrigger> 記得把注釋打開, 這個是這只你要觸發(fā)的標識. 比如 寫個html5 按下tab鍵 就能生成我們自定義的代碼片段;
然后是倒數(shù)第二行. <scope>source.html</scope> 定義在哪些文件類型下生效. 比如這里定義的就是只在html文件夾下生效,在其他文件夾下就不生效. 同樣記得打開注釋.
然后我們保存, 會提示保存到 user 目錄下.
注意命名規(guī)范, 比如我們剛才定義的 html5 ,那么這里保存的文件名最好就用html5 , 需要注意的是, 后綴名 一定要用 .sublime-snippet 然后保存即可
接著 我們在html 文件夾下 輸入 html5
這時候是會有提示的.
當你按下tab 或者 enter鍵時, 這時候就會自動生成 代碼了
注意 生成玩的代碼段后, 光標是停留在tittle的 Document 后面的. 當你再按下tab鍵后, 就跑到了body 中. 因為你剛才在body中設(shè)置了 ${0} 光標結(jié)束的位置. 這個小技巧大家也可以利用下的
