資訊專欄INFORMATION COLUMN
摘要：下面介紹在當(dāng)中創(chuàng)建自定義代碼段的步驟。設(shè)置參數(shù)并保存該自定義代碼段選擇點(diǎn)擊菜單欄的。表示之后我們在新建的文件當(dāng)中，輸入，再鍵入即可快速生成我們自定義的代碼段。
在sublime-text當(dāng)中，如果文件類型為HTML時(shí)，當(dāng)輸入！或html:5之后，再鍵入Tab鍵即可生成默認(rèn)的基本骨架的代碼段。我們也可以在基本骨架上修改出我們常用的一些自定義代碼段，保存之后，下次需要使用時(shí)，我們用指定的快捷鍵也可以快速生成。下面介紹在sublime當(dāng)中創(chuàng)建自定義代碼段的步驟。
1、生成基本骨架打開sublime之后，新建一個(gè)文件，確保把右下角的文件類型由默認(rèn)的Plain Text改為HTML。然后再用 ! 或 html:5 配合Tab鍵快速生成默認(rèn)的基本骨架代碼段。
2、編輯出自定義代碼段3、設(shè)置參數(shù)并保存該自定義代碼段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)義符號的。
選擇點(diǎn)擊菜單欄的Tools->Developer->New Snippet。此時(shí)會(huì)新生成一個(gè)XML格式的界面，如下所示。
Hello, ${1:this} is a ${2:snippet}.
這個(gè)部分只是為了提示我們設(shè)置并控制代碼段當(dāng)中光標(biāo)停留位置的語法。記下之后可刪除這一行代碼，然后把我們剛剛編輯好的自定義代碼段復(fù)制粘貼進(jìn)去。（如下圖所示，在第3行的位置當(dāng)中進(jìn)行插入）。
我們可以根據(jù)之前提示的語法來控制生成的代碼段當(dāng)中光標(biāo)提留位置，更方便之后的編輯。
如我們在原代碼段上修改為。
${1:01}-jquery案例-${2:}
${3:}
表示當(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)簽對當(dāng)中，在這里也是方便插入內(nèi)容。
之后再對，去掉注釋，并再標(biāo)簽對當(dāng)中輸入自定義快捷命令的名字。如下所示。
表示之后我們在新建的HTML文件當(dāng)中，輸入myjquery，再鍵入Tab即可快速生成我們自定義的代碼段。
完成編輯之后，進(jìn)行保存。直接用ctri+s默認(rèn)保存至sublime的安裝目錄的Packages->User當(dāng)中。為了便于我們自定義代碼段的管理，在其中新建一個(gè)snippets文件夾，把自定義代碼段文件都保存至這個(gè)文件夾當(dāng)中。
文件名可以自定義命名，但后綴名必須為 .sublime-snippet，否則會(huì)出錯(cuò)。
這樣就完成了自定義代碼段的創(chuàng)建了，接下去，再在sublime當(dāng)中新建一個(gè)HTML文件，再輸入myjquery,配合Tab鍵即可快速生成指定的自定義代碼段啦！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/88584.html
摘要：在這個(gè)編輯器中，和是其中排名靠前的兩個(gè)。是一個(gè)免費(fèi)的輕量級編輯器和，用于和開發(fā)。對于免費(fèi)的代碼編輯器來說，是一個(gè)很好的選擇?？梢园惭b兩個(gè)命令行實(shí)用程序，用于從啟動(dòng)編輯器，用于管理的軟件包。 對于JavaScript程序員來說，目前有很多很棒的工具可供選擇。本文將會(huì)討論10個(gè)優(yōu)秀的支持javascript，HTML5和CSS開發(fā)，并且可以使用Markdown進(jìn)行文檔編寫的文本編輯器。為什...
摘要：效果如下配置方法參考下的配置方法完美支持提供了比默認(rèn)更好的語法高亮，而且他完美支持。語法高亮默認(rèn)安裝的對的支持讓人抓狂，幀動(dòng)畫別開玩笑了你只會(huì)看到一片白色的純文本一樣的代碼。事實(shí)上不光，我建議用完全替代原來的來完成語法高亮。 文章轉(zhuǎn)載自本人的博客《三省吾身丶丶》點(diǎn)擊查看喜歡的話請瘋狂的推薦吧！ ^_^ 本文章會(huì)在本人有插件或者設(shè)置更新時(shí)，進(jìn)行不定時(shí)更新 偷懶了，圖片地址直接設(shè)置的博客...
摘要：自成立之初，一直秉承著開源一切的初心，為了給予廣大開發(fā)者們更多的資源及內(nèi)容。借此，官方將開源項(xiàng)目進(jìn)行分類和介紹，使開發(fā)者們更好的去了解去使用。更多的開源項(xiàng)目均在中。 APICloud自成立之初，一直秉承著開源一切的初心，為了給予廣大開發(fā)者們更多的資源及內(nèi)容。不知不覺，2年時(shí)間已過，APICloud的github上已經(jīng)集合了APICloud模塊、前端框架及文檔、云API SDK、開發(fā)工具...
摘要：自成立之初，一直秉承著開源一切的初心，為了給予廣大開發(fā)者們更多的資源及內(nèi)容。借此，官方將開源項(xiàng)目進(jìn)行分類和介紹，使開發(fā)者們更好的去了解去使用。更多的開源項(xiàng)目均在中。 APICloud自成立之初，一直秉承著開源一切的初心，為了給予廣大開發(fā)者們更多的資源及內(nèi)容。不知不覺，2年時(shí)間已過，APICloud的github上已經(jīng)集合了APICloud模塊、前端框架及文檔、云API SDK、開發(fā)工具...
摘要：自成立之初，一直秉承著開源一切的初心，為了給予廣大開發(fā)者們更多的資源及內(nèi)容。借此，官方將開源項(xiàng)目進(jìn)行分類和介紹，使開發(fā)者們更好的去了解去使用。更多的開源項(xiàng)目均在中。 APICloud自成立之初，一直秉承著開源一切的初心，為了給予廣大開發(fā)者們更多的資源及內(nèi)容。不知不覺，2年時(shí)間已過，APICloud的github上已經(jīng)集合了APICloud模塊、前端框架及文檔、云API SDK、開發(fā)工具...
閱讀 1327·2021-09-26 09:46
閱讀 1657·2021-09-06 15:00
閱讀 781·2019-08-30 15:52
閱讀 1189·2019-08-29 13:10
閱讀 1355·2019-08-26 13:47
閱讀 1532·2019-08-26 13:35
閱讀 2088·2019-08-23 18:38
閱讀 780·2019-08-23 17:59
