在-text中，如果文件類(lèi)型是HTML，輸入!或者h(yuǎn)tml:5后，按Tab鍵，即可生成默認(rèn)的基本骨架代碼段。我們還可以在基本骨架上修改一些我們常用的自定義代碼段。保存后，下次需要使用時(shí)，可以通過(guò)指定的快捷鍵快速生成。

下面介紹創(chuàng)建自定義代碼片段的步驟。

1. 生成基本骨架

打開(kāi)后新建一個(gè)文件，確保將右下角的文件類(lèi)型從默認(rèn)的純文本改為HTML。然后使用!或者h(yuǎn)tml:5配合Tab鍵，即可快速生成默認(rèn)的基本骨架代碼片段。

2. 編輯自定義代碼片段

在入口函數(shù)中使用關(guān)鍵字$，由于$是代碼段的語(yǔ)法關(guān)鍵字，如果在自定義代碼段中直接使用“$”，會(huì)出現(xiàn)語(yǔ)法錯(cuò)誤，導(dǎo)致無(wú)法生成代碼段。您可以選擇使用“$”來(lái)代替代碼段中的“$”。使用快捷鍵生成代碼段時(shí)，不會(huì)出現(xiàn)轉(zhuǎn)義符號(hào)“\”。

3.設(shè)置參數(shù)并保存自定義代碼片段

在菜單欄中選擇Tools->->New，會(huì)生成一個(gè)新的XML格式的界面，如下圖所示。

你好，${1:this} 是 ${2:}。

這一段只是為了提醒我們?cè)O(shè)置和控制代碼段中光標(biāo)位置的語(yǔ)法，記下來(lái)之后可以把這行代碼刪除，然后把我們剛剛編輯的自定義代碼段復(fù)制粘貼進(jìn)去。（如下圖所示，插入在第3行的位置）。

我們可以根據(jù)之前提示的語(yǔ)法來(lái)控制生成的代碼段中的光標(biāo)位置，這樣更方便后續(xù)的編輯。

例如，我們將原來(lái)的代碼段修改為。

${1:01}-案例-${2:}

${3:}

意思是代碼片段創(chuàng)建好之后sublime text 標(biāo)簽快捷，使用快捷鍵快速生成，標(biāo)簽先出現(xiàn)在01前面，選中01這個(gè)字段，方便修改編輯，然后按Tab鍵，光標(biāo)出現(xiàn)在-后面，這里沒(méi)有選中任何內(nèi)容sublime text 標(biāo)簽快捷，方便插入內(nèi)容，再按Tab鍵，光標(biāo)會(huì)出現(xiàn)在body標(biāo)簽對(duì)中，也方便插入內(nèi)容。

然后，取消注釋并在標(biāo)簽字段中輸入自定義快捷命令的名稱(chēng)，如下所示。

意思是我們可以在新建的HTML文件中輸入代碼，然后按Tab鍵就可以快速生成我們自定義的代碼片段。

編輯完之后，保存。使用ctri+s保存到默認(rèn)安裝目錄->User。為了方便管理我們自定義的代碼片段，在里面新建一個(gè)文件夾，把所有的自定義代碼片段文件都保存在這個(gè)文件夾中。

文件名可以自定義，但是后綴必須為.-，否則會(huì)出錯(cuò)。

這樣就完成了自定義代碼片段的創(chuàng)建，接下來(lái)在其中新建一個(gè)HTML文件，輸入進(jìn)去，使用Tab鍵就可以快速生成指定的自定義代碼片段了！

如有侵權(quán)請(qǐng)聯(lián)系刪除！