Sublime小技巧

Sublime，代碼編輯器。

1.代碼模板

Ctrl+Shift+P
輸入html，選擇blank html page就可以得到一個簡單的html模板啦，不同自己一個個碼
另外還有bs3的form，table等的填充，前提是有在package control安裝相關的bootstrap插件
sublime有非常豐富的插件庫，可以自己去嘗試

代碼模板.png

2.代碼定位

Ctrl+P

  • :n跳到第n行，在代碼量特別大的報錯情況下很實用
  • #跳出關鍵字選擇，點擊可定位到相應的關鍵字
    關鍵字選擇.png

3.代碼注釋

Ctrl+/單行注釋
Ctrl+Shift+/選中塊注釋

4. 快速填充

  • option*n+Tab
    在<select></select>內輸入option*n+tab，即可快速填充option，其中n表示option的個數
    option填充.png
  • option.item*n+Tab
    快速填充帶有class屬性的option，其中item是class名
    option填充.png
  • option.id_$[]*n+Tab
    快速填充帶有id屬性的option，其中id在未指定情況下自動生成1，2，3，4...
    option填充.png
  • option.id_$[value=$]*n+Tab
    快速填充帶有value屬性的option，其中value在未指定情況下自動生成1，2，3，4...
    option填充.png
  • option{value}
    用大括號插入值，其中value是你要插入的值，可用$填充
    option填充.png
  • a[href=#]
    生成href，其中#表示要生成的鏈接內容
    href
  • e.g.
    ul>li*5>a[href=#]{link$}
    例子.png
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容