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