溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

sublime中如何創(chuàng)建自定義代碼段

發(fā)布時間:2021-01-18 10:23:13 來源:億速云 閱讀:226 作者:小新 欄目:軟件技術(shù)

這篇文章主要介紹了sublime中如何創(chuàng)建自定義代碼段,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

在sublime當(dāng)中創(chuàng)建自定義代碼段的步驟

1、生成基本骨架

打開sublime之后,新建一個文件,確保把右下角的文件類型由默認(rèn)的Plain Text改為HTML。然后再用 ! 或 html:5 配合Tab鍵快速生成默認(rèn)的基本骨架代碼段。

sublime中如何創(chuàng)建自定義代碼段

2、編輯出自定義代碼段

sublime中如何創(chuàng)建自定義代碼段

jquery的入口函數(shù)當(dāng)中用到關(guān)鍵字$,由于$是代碼段的一個語法關(guān)鍵字,若在自定義代碼段當(dāng)中直接使用 "$" ,會出現(xiàn)語法錯誤,導(dǎo)致無法生成該代碼段。可以選擇用 "$" 來代替代碼段當(dāng)中的 "$" 。之后在使用快捷鍵生成代碼段時,不會出現(xiàn) "\" 這個轉(zhuǎn)義符號的。

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

選擇點擊菜單欄的Tools->Developer->New Snippet。此時會新生成一個XML格式的界面,如下所示。

sublime中如何創(chuàng)建自定義代碼段

Hello, ${1:this} is a ${2:snippet}.

這個部分只是為了提示我們設(shè)置并控制代碼段當(dāng)中光標(biāo)停留位置的語法。記下之后可刪除這一行代碼,然后把我們剛剛編輯好的自定義代碼段復(fù)制粘貼進(jìn)去。(如下圖所示,在第3行的位置當(dāng)中進(jìn)行插入)。

sublime中如何創(chuàng)建自定義代碼段

我們可以根據(jù)之前提示的語法來控制生成的代碼段當(dāng)中光標(biāo)提留位置,更方便之后的編輯。

如我們在原代碼段上修改為。

<title>${1:01}-jquery案例-${2:}</title>
<body> ${3:} </body>

表示當(dāng)完成代碼段創(chuàng)建之后,用快捷鍵快速生成之后,關(guān)標(biāo)首先出現(xiàn)在01的前面,并選中01這個字段,方便修改編輯。之后再按下Tab鍵,光標(biāo)就出現(xiàn)在jquery-之后,在這里并沒有選中內(nèi)容,方便插入內(nèi)容。再按下Tab鍵,光標(biāo)就會出現(xiàn)在body的標(biāo)簽對當(dāng)中,在這里也是方便插入內(nèi)容。

之后再對<!-- <tabTrigger>hello</tabTrigger> -->,去掉注釋,并再標(biāo)簽對當(dāng)中輸入自定義快捷命令的名字。如下所示。

sublime中如何創(chuàng)建自定義代碼段

表示之后我們在新建的HTML文件當(dāng)中,輸入myjquery,再鍵入Tab即可快速生成我們自定義的代碼段。

完成編輯之后,進(jìn)行保存。直接用ctri+s默認(rèn)保存至sublime的安裝目錄的Packages->User當(dāng)中。為了便于我們自定義代碼段的管理,在其中新建一個snippets文件夾,把自定義代碼段文件都保存至這個文件夾當(dāng)中。

sublime中如何創(chuàng)建自定義代碼段

文件名可以自定義命名,但后綴名必須為 .sublime-snippet,否則會出錯。

這樣就完成了自定義代碼段的創(chuàng)建了,接下去,再在sublime當(dāng)中新建一個HTML文件,再輸入myjquery,配合Tab鍵即可快速生成指定的自定義代碼段啦!

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“sublime中如何創(chuàng)建自定義代碼段”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI