[开发工具]sublime快捷方式--快速生成HTML结构语法

sublime快捷方式–快速生成HTML结构语法

• 生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键， 就可以生成

• 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div

• 按住滚轮往下拉可以快速选择每一行同一水平位置

• 如果有父子级关系的标签，可以用 > 比如 ul > li就可以了 ul>li*5 也可以

• 如果有兄弟关系的标签，用 + 就可以了 比如 div+p

• 如果生成带有类名或者id名字的， 直接写 .demo 或者 #two tab 键就可以了

• 如果生成的div 类名是有顺序的， 可以用 自增符号 $

  例如
  .red$*5 使用tab键
  会生成
  <div class="red1"></div>
  <div class="red2"></div>
  <div class="red3"></div>
  <div class="red4"></div>
  <div class="red5"></div>
  

• 如果想要在生成的标签内部写内容可以用 { } 表示

• 如果快捷键无法使用
  考虑是Emmet插件是否安装的问题
  Emmet安装步骤：
  1、Ctrl+Shift+P，搜索install package
  2、再搜索emmet 然后Enter键安装