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的個數(shù)
  
  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