VS Code Html Zen coding

zen coding是一种编写html和css的方法, 很快捷.

打开Views/Home/About.cshtml, 然后在空白处输入div然后按Tab:

VS Code Html Zen coding

随后完整的div标签就出来了:

VS Code Html Zen coding

zen coding允许你使用css选择器进行更复杂的结构化写法, 例如输入 div>p>ul>li:

VS Code Html Zen coding

然后立即按Tab, 就会出现下列代码:

VS Code Html Zen coding

如果想重复5个li, 那么输入 div>p>ul>li*5:

VS Code Html Zen coding

如果想加上class属性, div>p>ul.list-group>li.list-group-item*5:

VS Code Html Zen coding

一个建立bootstrap form的例子,

form>(.form-group>label+input.form-control)*4+.form-group>input[type=submit].form-control

就会生成下面的form:

VS Code Html Zen coding

其中+表示下一个元素中括号可以写其他属性.

上一篇:k-means+python︱scikit-learn中的KMeans聚类实现( + MiniBatchKMeans)


下一篇:tomcat 、NIO、netty 本质