HBuilder 常用快捷键小结

朋友推荐用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，或者鼠标双击引号)