sublime常用快捷键

  1 借助插件可以这么写：.header>.w>(h1>a)+(ul>li*8)+.login

　　　meta:vp 快速生成 meta视口

  2 实现出来的效果是这样的：（写完后光标停在结束位置然后按住Tab键就能自动写出下面的代码了）
  3 <div class="header">
  4     <div class="w header-bd">
  5         <h1><a href="#" title=""></a></h1>
  6         <ul>
  7             <li><a href="#"></a></li>
  8             <li><a href="#"></a></li>
  9             <li><a href="#"></a></li>
 10             <li><a href="#"></a></li>
 11             <li><a href="#"></a></li>
 12             <li><a href="#"></a></li>
 13             <li><a href="#"></a></li>
 14             <li><a href="#"></a></li>
 15         </ul>
 16         <div class="login"></div>
 17     </div>
 18 </div>
 19 
 20 cter+G 检索代码所在行

　　Ctrl+P：搜索项目中的文件
   Ctrl+h:批量替换
   Ctrl+y:与Ctrl+z撤销相对
 21 
 22 $ 升序排列   br{$}*100  快速生成100个br
 23 
 24 快速新建文件
 25 ctrl + alt + h  快速新建一个html文件
 26 
 27 cter+d选中相同的元素然后修改
29 ctrl+alt+shift+m 压缩css,js文件或者在sublime中选中文件右键然后在弹出的菜单栏中按字母M就可以把它压缩并重新生成一个min.XX文件了 30 
 31 ctrl+alt+n  数字按大小升序排列
 32 
 33 alt 把隐藏菜单暂时调出来，然后在查看里面选择显示菜单
 34 
 35 环绕标签
 36 alt + shift + W
 37 
 38 html：5  tab键H5的结构框架就出来了
 39 
 40 html：xt  tab键XT的结构框架就出来了
 41 
 42 迅速复制粘贴一整行(光标所在行)
 43 ctrl + shift + D
 44 
 45 
 46 迅速删除一整行
 47 ctrl + shift + K
 48 
 49 
 50 迅速注释（释放）一整行
 51 ctrl + /
 52 ctrl + shift + /   多行注释
 53 
 54 
 55 折叠代码
 56 ctrl + shift + [
 57 
 58 
 59 展开代码
 60 ctrl + shift + ]
 61 
 62 
 63 选中光标所停的所有相同词
 64 alt + F3 然后可以修改
 65 
 66 
 67 css格式化
 68 紧凑格式  3键 + [
 69 扩张格式  3键 + ]
 70 
 71 
 72 多行编辑时升序排列
 73 ctrl + alt +N
 74 
 75 产生多行游标：
 76 1、shift+右键  拖拽
 77 2、按住鼠标滚轮 拖拽
 78 
 79 <!--button#btn0${第$个按钮}*4+div#box0${第$个盒子}*4-->
 80 
 81 最后出现的形式
 82 
 83 <button id="btn01">第1个按钮</button>
 84                 <button id="btn02">第2个按钮</button>
 85                 <button id="btn03">第3个按钮</button>
 86                 <button id="btn04">第4个按钮</button>
 87                 <div id="box01">第1个盒子</div>
 88                 <div id="box02">第2个盒子</div>
 89                 <div id="box03">第3个盒子</div>
 90                 <div id="box04">第4个盒子</div>
 91 
 92 div>ul>li*5+(p>span)  这种方式显示结果是
 93 
 94     <div>
 95                 <ul>
 96                     <li></li>
 97                     <li></li>
 98                     <li></li>
 99                     <li></li>
100                     <li></li>
101                 </ul>
102                 <p><span></span></p>
103             </div>