重慶分公司,新征程啟航
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務器等服務
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務器等服務
這篇文章主要介紹在Sublime Text中添加代碼片段,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站專注于江達企業(yè)網(wǎng)站建設(shè),成都響應式網(wǎng)站建設(shè),商城網(wǎng)站建設(shè)。江達網(wǎng)站建設(shè)公司,為江達等地區(qū)提供建站服務。全流程按需網(wǎng)站設(shè)計,專業(yè)設(shè)計,全程項目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務我們在編寫代碼的時候,總會遇到一些需要反復使用的代碼片段。這時候就需要反復的復制和黏貼,大大影響效率。我們利用Sublime Text的snippet(代碼片段)功能,就能很好的解決這一問題。
通俗的講,就是把我們常用的代碼分別保存起啦,然后通過插件的形式來反復調(diào)用。
創(chuàng)建方法:Tools (工具)> New Snippet(新片段)
此時,會出現(xiàn)如下代碼:
其中,content中由CDATA包裹起來的部分是我們要插入的代碼片段,可選。
tabTrigger是我們tab鍵觸發(fā)的自動補全代碼功能的一個名字,可選。
scope,可選,使用范圍,不填寫代表對所有文件有效。附:source.css和test.html分別對應不同文件。
description,可選,在snippet菜單中的顯示說明(支持中文)。如果不定義,菜單則顯示當前文件的文件名。
${1:this}表示代碼插入后,光標所停留的位置,可同時插入多個。其中:this為自定義參數(shù)(可選)。
${2}表示代碼插入后,按Tab鍵,光標會根據(jù)順序跳轉(zhuǎn)到相應位置(以此類推)。
現(xiàn)在,你應該有了個大致的了解。那我們就開始自己動手編寫一個實例。我們都知道,再Sublime中,輸入!或者html:5再按tab鍵,可以自動補全HTML結(jié)構(gòu),但是這個結(jié)果相對很簡單,我自己擴展了它的結(jié)果內(nèi)容,新增了幾個mate標簽,增加了頁面描述。
Document ${2:這是html內(nèi)容} ]]>hjs custom-html
然后保存代碼片段,保存到Sublime Text3DataPackagesUser下面,取個名字
就這樣,在HTML頁面中輸入hjs+tab,就可以自動補全這一系列代碼了。
以上是“在Sublime Text中添加代碼片段”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!