下面由sublime使用教程欄目給大家介紹在sublime text中添加代碼片段的方法,希望對需要的朋友有所幫助!
我們在編寫代碼的時候,總會遇到一些需要反復使用的代碼片段。這時候就需要反復的復制和黏貼,大大影響效率。我們利用Sublime Text的snippet(代碼片段)功能,就能很好的解決這一問題。
通俗的講,就是把我們常用的代碼分別保存起啦,然后通過插件的形式來反復調用。
創(chuàng)建方法:Tools (工具)> New Snippet(新片段)
此時,會出現(xiàn)如下代碼:
<snippet> ????<content></content> ????<!-- Optional: Set a tabTrigger to define how to trigger the snippet --> ????<!-- <tabTrigger>hello</tabTrigger> --> ????<!-- Optional: Set a scope to limit where the snippet will trigger --> ????<!-- <scope>source.python</scope> --> ????<!-- <description>description</description> --> </snippet>
其中,content中由CDATA包裹起來的部分是我們要插入的代碼片段,可選。
tabTrigger是我們tab鍵觸發(fā)的自動補全代碼功能的一個名字,可選。
scope,可選,使用范圍,不填寫代表對所有文件有效。附:source.css和test.html分別對應不同文件。
description,可選,在snippet菜單中的顯示說明(支持中文)。如果不定義,菜單則顯示當前文件的文件名。
${1:this}表示代碼插入后,光標所停留的位置,可同時插入多個。其中:this為自定義參數(shù)(可選)。
${2}表示代碼插入后,按Tab鍵,光標會根據(jù)順序跳轉到相應位置(以此類推)。
現(xiàn)在,你應該有了個大致的了解。那我們就開始自己動手編寫一個實例。我們都知道,再Sublime中,輸入!或者html:5再按tab鍵,可以自動補全HTML結構,但是這個結果相對很簡單,我自己擴展了它的結果內容,新增了幾個mate標簽,增加了頁面描述。
<snippet> ????<content> ????<meta> ????<title>Document</title> ????<meta> ????<meta> ????<meta> ????<meta> ????<link> ????<script> ${1:} </script> ????${2:這是html內容} ]]></content> ????<!-- Optional: Set a tabTrigger to define how to trigger the snippet --> ????<tabtrigger>hjs</tabtrigger> ????<!-- Optional: Set a scope to limit where the snippet will trigger --> ????<!-- <scope>source.python</scope> --> ????<description>custom-html</description></snippet>
然后保存代碼片段,保存到Sublime Text3DataPackagesUser下面,取個名字
就這樣,在HTML頁面中輸入hjs+tab,就可以自動補全這一系列代碼了。