Visual Studio Core HTML编辑快捷键整理(emmet快捷键)

Visual Studio Core HTML编辑快捷键整理(emmet快捷键)

整理时间:2017-9-29 做者邮箱:info#haixia.net (将#替换成@,来信必复)css

  • Ctrl+/ 注释某一行或取消某一行的注释
  • html:5! 生成html5文档结构
  • meta:utf 声明 UTF-8 编码格式
  • meta:vp 建立网页视区,即当前的页面缩放
  • meta:compat 声明兼容IE版本
  • linklink:css 关联样式文件
  • script:src 关联脚本文件
  • 标识名.类名 生成带类样式的标签 例如:p.info
  • 标识名#ID名 生成带ID的标签 例如: h2#header div#header#header
  • aa:linka:mail a标签
  • 用 + 链接 生成同级兄弟标签 例如:h2.header+p.info
  • 用 > 链接 生成下级标签 例如:ul>li
  • 用 ^ 链接 生成上级标签 例如:h2>span^p.info
  • ul.list>li.item*8>a{导航} 快速生成一个有8个列表项的导航
  • ul.list>li.item*8>a{导航$}快速生成一个有8个列表项的导航,而且里面的导航进行数字排序,好比:导航1,导航2……
  • ul.list>li.item*12>a{导航$$} 快速生成一个有8个列表项的导航,而且里面的导航进行两位数字排序,好比:导航01,导航02……
  • ul.list>li.item*8>a{导航$@-} 倒序,在VSC中失效
  • ul.list>li.item*8>a{导航$@5} 正序,从5开始,好比:导航5,导航6……