如何在Sublime Text中添加代碼片段

下面由sublime使用教程欄目給大家介紹在sublime text中添加代碼片段的方法,希望對需要的朋友有所幫助!

如何在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內容}   ]]&gt;</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下面,取個名字

如何在Sublime Text中添加代碼片段

就這樣,在HTML頁面中輸入hjs+tab,就可以自動補全這一系列代碼了。

? 版權聲明
THE END
喜歡就支持一下吧
點贊7 分享