Visual Studio 2017使用Emmet风格编写Html--ZenCoding

一、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中不能识别。


更多:

Visual Studio 调试器“启用编辑并继续”

Visual Studio 2017 15.5 版发行说明

.Net Standard 2.0和.Net Core2.0正式版上线简介

猜你喜欢

转载自blog.csdn.net/u011127019/article/details/79282270
今日推荐