1、sublime text 中常用的快捷方式在vscode中有效：
2.emmet插件（vscode不需要安装）
①！+Tab键：创建基本的HTML模板
*** ! 为英文输入法下 ***
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html>
②nav>ul>li*5>a:link + TAB
<nav> <ul> <li><a href="http://"></a></li> <li><a href="http://"></a></li> <li><a href="http://"></a></li> <li><a href="http://"></a></li> <li><a href="http://"></a></li> </ul> </nav>
③缩写：div+p+bq
<div></div> <q></q> <blockquote></blockquote>
④上级：
缩写：div+div>p>span+em^bq
<div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div>
缩写：div+div>p>span+em^^bq
<div></div> <div> <p><span></span><em></em></p> </div> <blockquote></blockquote> </div>
⑤分组：div>(header>ul>li*2>a:link)+footer>p
<div> <header> <ul> <li><a href="http://"></a></li> <li><a href="http://"></a></li> </ul> </header> <foooter> <p></p> </foooter> </div>
缩写：(div>dl>(da+dd)*3)+footer>p
<div> <dl> <da></da> <dd></dd> <da></da> <dd></dd> <da></da> <dd></dd> <footer> <p></p> </footer> </dl> </div>
⑥自增符号：$
缩写：ul>li.item$*5
<ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> </ul>
缩写：h$[title=item$]{Header$}*3
<h1 title="item1">Header1</h1> <h2 title="item2">Header2</h2> <h3 title="item3">Header3</h3>
缩写：ul>li.$$$*5
<ul> <li class="001"></li> <li class="002"></li> <li class="003"></li> <li class="004"></li> <li class="005"></li> </ul>
缩写：ul>li.item$@-*5
<ul> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> <li class="item2"></li> <li class="item1"></li> </ul>
缩写：ul>li.item$@3*5
<ul> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> </ul>
⑦ID和熟悉
缩写：#header
<div id="header"></div>
缩写：.title
<div id="header"></div>
缩写：form#search.wide
<from id="search" class="wide"></from>
缩写：p.class1.class2.class3
<p class="class1 class2 class3"></p>
⑧自定义属性：
缩写：p[title="title1"]
<p title="title1"></p>
缩写：tdp[rowspan=2 colspan=3 title]
<tdp rowspan="2" colspan="3" title=""></tdp>
缩写：[a='value1' b='value2']
<div a="value1" b="value2"></div>
⑨文本：
缩写：a{title me}
<a href="">title me</a>
缩写：p>{tille me}+a{here}+{sublime}
<p> title me <a href="">here</a> sublime </p>
⑩隐式标签：
缩写：.class
<div class="class"></div>
缩写：em>.class
<em><span class="class"></span></em>
缩写：ul>.class
<ul> <li class="class"></li> </ul>
缩写：table>.row>.col
<table> <tr class="row"> <td class="col"></td> </tr> </table>
⒒其他标签：
缩写：link
<link rel="stylesheet" href="">
缩写：link:css
<link rel="stylesheet" href="style.css">
缩写：link:print
<link rel="stylesheet" href="print.css" media="print">
缩写：link:favicon
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
缩写：link:touch
<link rel="apple-touch-icon" href="favicon.png">
缩写：link:rss
<link rel="alternate" href="rss.xml" type="application/rss+xml" title="RSS">
缩写：link:atom
<link rel="alternate" href="atom.xml" type="application/atom+xml" title="Atom">
缩写：meta:utf
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
缩写：meta:vp
<meta name="viewport" content="width=device-width, initial-scale=1.0">
缩写：meta:compat
<meta http-equiv="X-UA-Compatible" content="IE=7">
缩写：input:search
<input type="search" name="" id="">
缩写：input:submit
<input type="submit" value="">
3、Html Snippets —— html代码提示
4、HTML css support —— css代码提示
5、easyless——css编程/生成
6、VS color Picker——颜色选择器
7、live HTML Previewer——html文件运行预览（F1-show side preview）
