sublime中如何創(chuàng)建自定義代碼段-創(chuàng)新互聯(lián)

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

大石橋網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),大石橋網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為大石橋上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請找那個(gè)售后服務(wù)好的大石橋做網(wǎng)站的公司定做！

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

1、生成基本骨架

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

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

2、編輯出自定義代碼段

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

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

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

選擇點(diǎn)擊菜單欄的Tools->Developer->New Snippet。此時(shí)會(huì)新生成一個(gè)XML格式的界面，如下所示。

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

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

這個(gè)部分只是為了提示我們設(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這個(gè)字段，方便修改編輯。之后再按下Tab鍵，光標(biāo)就出現(xiàn)在jquery-之后，在這里并沒有選中內(nèi)容，方便插入內(nèi)容。再按下Tab鍵，光標(biāo)就會(huì)出現(xiàn)在body的標(biāo)簽對(duì)當(dāng)中，在這里也是方便插入內(nèi)容。

之后再對(duì)，去掉注釋，并再標(biāo)簽對(duì)當(dāng)中輸入自定義快捷命令的名字。如下所示。

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

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

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

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

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

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

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

網(wǎng)頁標(biāo)題：sublime中如何創(chuàng)建自定義代碼段-創(chuàng)新互聯(lián)
標(biāo)題路徑：http://bm7419.com/article12/dseggc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、網(wǎng)站設(shè)計(jì)、網(wǎng)站內(nèi)鏈、網(wǎng)站改版、App設(shè)計(jì)、品牌網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容