摘要

程序員總是會不斷的重復(fù)寫一些簡單的代碼片段，為了提高編碼效率，我們可以把經(jīng)常用到的代碼保存起來再調(diào)用。

平時用sublime安裝各種插件，使用Tab鍵快速補(bǔ)全，便是snippets（可譯為代碼片段）的一種。

Sublime編輯器還提供了自定義代碼片段的功能（當(dāng)然不止Sublime有此功能），其官方文檔中定義如下：

Whether you are coding or writing the next vampire best-seller, you’re likely to need certain short fragments of text again and again. Use snippets to save yourself tedious typing. Snippets are smart templates that will insert text for you and adapt it to their context.

一、創(chuàng)建snippets

1. 新建和保存

• 菜單欄中依次選擇Tools | Developer | New Snippet...就會新建一個擴(kuò)展名為

  .sublime-snippet的XML語法的文檔，注意后綴是識別snippets的關(guān)鍵。

• 代碼片段可以任意存儲在packages文件夾下，默認(rèn)會保存在Packages\User文件夾里，為了方便管理和使用建議再新建個文件夾例如snippets，則路徑為Packages\User\snippets。

• 默認(rèn)結(jié)構(gòu)如下：

<snippet><content><![CDATA[ Hello, ${1:this} is a ${2:snippet}. ]]></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> --> </snippet>

2. content

• <content></content>中必須包含<![CDATA[…]]>，在這里面寫自定義的代碼片段。

• 代碼片段如果含有

  ]]>，需寫成]]$NOT_DEFINED>。

• 如果含有

  $，需寫成\$。

3. tabTrigger

• 在<tabTrigger></tabTrigger>中設(shè)置讓Sublime自動補(bǔ)全的觸發(fā)詞（trigger keyword）。

4. scope

• 設(shè)置代碼片段在何種語言環(huán)境下激活，默認(rèn)寫的是python。

• 想指定多個scope，可以使用英文逗號

  ,來分隔。

• 如何知道文檔的

  Scope是什么？菜單欄依次選擇Tools | Developer | Show Scope Name...，快捷鍵是Ctrl Alt Shift P。

5. description

• 如果加了

  <description>描述內(nèi)容</description>，點(diǎn)開Tools | Snippets...會顯示你定義的描述內(nèi)容。

• 如果不寫則顯示文件名。

6. 設(shè)置光標(biāo)位置Fields

<snippet><content><![CDATA[ First Name: $1 Second Name: $2 Address: $3 ]]></content>

• 美元符加數(shù)字即可設(shè)置field markers即光標(biāo)的位置，按Tab鍵光標(biāo)按數(shù)字依次從小到大循環(huán)，如上從1到2到3再到1。

• Shift Tab可以進(jìn)行向上跳轉(zhuǎn)。

• Esc結(jié)束跳轉(zhuǎn)。

• $0表示最后一個位置。

7. 鏡像域Mirrored Fields

• 相同編號的位置即是鏡像域，可同時選中進(jìn)行編輯。

8. 占位符Placeholders

• {數(shù)字編號}可以得到一個Tab占位符。

• {1:default}可以得到一個默認(rèn)值。

• 按Tab鍵依次循環(huán)選中代碼片段中的默認(rèn)值。

如默認(rèn)的代碼片段

Hello, ${1:this} is a ${2:snippet}.會依次循環(huán)選中單詞 this snippet。

二、使用snippets

• 方法1：菜單欄點(diǎn)擊Tools | Snippets...,彈出為當(dāng)前語法可用的Snippet，點(diǎn)擊即插入。

• 方法2：輸入觸發(fā)詞然后按Tab鍵。

三、安裝snippets

• 方法1：進(jìn)入Package Control:install Package搜索選擇安裝已有的代碼片段擴(kuò)展包。

• 方法2：菜單選擇Preferences | Browse Packages...打開，建議新建文件夾snippets方便管理，路徑為Sublime Text3\Packages\User\snippets，將寫好的代碼片段拷貝進(jìn)去。

參考

• sublimetext官方文檔Snippets介紹

• 手把手教你寫Sublime中的Snippet

• Sublime Text自定制代碼片段(Code Snippets)

掘金：Sublime Text3—Code Snippets(自定義代碼片段)
簡書：Sublime Text3—Code Snippets(自定義代碼片段)
博客園：Sublime Text3—Code Snippets(自定義代碼片段)

總結(jié)

以上是生活随笔為你收集整理的Sublime Text3—Code Snippets(自定义代码片段)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。