一、ZenCoding插件简介
在VS Code中默认支持Emmet插件,可以方便快捷编写HTML代码。
ZenCoding插件可以使您在Visual Studio中也使用Emmet风格快速编写HTML,支持的位置:静态HTMl文件、Razor视图、WebForm。
输入内容,按Tab键自动完成代码。当前使用VS 2017版本。
插件地址:https://marketplace.visualstudio.com/items?itemName=MadsKristensen.ZenCoding
示例1:
div.btn.btn-primary <div class="btn btn-primary"></div>
ul>li*3 <ul> <li></li> <li></li> <li></li> </ul>示例2:
ul>li*4>a{test $} <ul> <li><a href="">test 1</a></li> <li><a href="">test 2</a></li> <li><a href="">test 3</a></li> <li><a href="">test 4</a></li> </ul>注:有些细节和Emmet还不同,例如:div#foo>span vs2017中不能识别。
更多: