前端代码新写法——Zen Coding

是不是还在为html繁琐的标签写法而苦恼？

是不是还在枯燥的写尖括号？

Zen Coding的到来将让前端编码不在繁琐。不再拘泥html的尖括号和一堆一堆的标签。

先看看ZenCoding的效果图。

 几个单词+几个符号就能把成堆的html框架写好。

下面来看ZenCoding的用法。

先介绍ZenCoding的快捷键：

1. Ctrl + E：展开代码
2. Ctrl + D：向外快速选中代码块
3. Shift + Ctrl + D：向内快速选中代码块
4. Shift + Ctrl + A：输入一个缩写，自动展开并包围所选代码
5. Ctrl + Alt+→ ：光标智能跳转到下一个编辑点
6. Ctrl + Alt+←：光标智能跳转到上一个编辑点
7. Ctrl + L：选择一行

自己多试试，就能感知ZenCoding对程序员的体贴。

再来看看ZenCoding的语法：

1、后代：>

例：div>ul>li*5

展开结果：

<div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

View Code