朋友推薦用Hbuilder編輯器，看了下Hbuilder官網和那視頻，感覺牛逼哄哄的，
自己也就體驗了一下，打開Hbuilder的快捷鍵列表，每個快捷鍵都體驗了一下，以下展示出來的，每一個都是精華，每一個快捷鍵都要知道怎么用，而且會經常用。

HBuilder是當前最快的HTML開發工具，強大的代碼助手幫你快速完成開發，最全的語法庫和瀏覽器兼容性數據讓瀏覽器碎片化不再頭痛。
利用HBuilder快捷鍵可以代替鼠標做一些工作，可以利用鍵盤快捷鍵打開、關閉和導航“開始”菜單、桌面、菜單、對話框以及網頁，Word里面也可以用到快捷鍵。

那就幾乎可以脫離鼠標來寫前端代碼了。

另外還有一些實用的組合鍵：

Alt+T→V　　(檢驗語法文檔)
Alt+L→H　　(代碼歷史版本)

Hbuilder也要吐槽一下：

1.打開相對慢。
2.新建文件，為什么不能存放到電腦的目錄。
3.emmet輸入 w100，變成了w1→white-space: ;，弄得每次都要w→Tab→再輸入100px，這個體驗超級繁瑣。
4.style，script標簽默認就不要帶'type=***'了，所有瀏覽器都支持。
5.圖片不能自動獲取寬高。

下面是其他網友的補充：

Alt+[匹配括號
Alt+↓跳轉到下一個可編輯區
Ctrl+Alt+j合并下一行
Ctrl+Alt+←選擇助手
Shift+回車
Shift+空格
Ctrl+回車換行
Strl+Shift+回車向上換行
Ctrl+d刪除一行
Ctrl+Shift+d復制上一行

創建HTML結構： h 8 （敲h激活代碼塊列表，按8選擇第8個項目，即HTML代碼塊，或者敲h t Enter）
中途換行： 'Ctrl+Enter'
設置charset： m e 6 Enter
引用外部js： s 2 Enter 'Ctrl+Enter'
創建js區塊： s Enter
創建函數： f u n 3 （或者 f u n n Enter）
為函數命名：W h o i s E
跳轉到函數末尾： End 'Alt+[' ↓ 'Ctrl+Enter' （Alt+[是跳轉到匹配括號的意思）
創建style節點： s t Enter ↓ 'Ctrl+Enter'
引用外部css： l Enter Enter
跳轉到下一個可編輯區： 'Alt+↓'
創建img標簽： i m Enter Enter 'Ctrl+Enter'
插入換行符： 'Shift+Enter' Enter
創建div并設id和class： d i Enter d 1 → Space c Enter Enter （這里提示的class列表是在test.css里定義的）
轉到class的定義處：'Ctrl+Alt+D' （按Alt點擊鼠標也可以）
關閉標簽頁：'Ctrl+w' （切換標簽頁則可以用Ctrl+e）
添加自定義屬性data-test并賦值1： → Space d 7 t e s t Tab 1
合并下行：'Ctrl+Alt+j' 'Ctrl+Enter'
創建超鏈接并設id： a Enter Enter → Space i Enter a 1
使用選擇助手選中#d1：'Ctrl+Alt+←' 'Ctrl+Alt+←' 'Ctrl+Alt+←' (如果快捷鍵沖突,可使用Alt+S U，或者鼠標雙擊引號)