VS Code Html Zen coding
zen coding是一种编写html和css的方法, 很快捷.
打开Views/Home/About.cshtml, 然后在空白处输入div然后按Tab:
随后完整的div标签就出来了:
zen coding允许你使用css选择器进行更复杂的结构化写法, 例如输入 div>p>ul>li:
然后立即按Tab, 就会出现下列代码:
如果想重复5个li, 那么输入 div>p>ul>li*5:
如果想加上class属性, div>p>ul.list-group>li.list-group-item*5:
一个建立bootstrap form的例子,
form>(.form-group>label+input.form-control)*4+.form-group>input[type=submit].form-control
就会生成下面的form:
其中+表示下一个元素中括号可以写其他属性.