zoukankan      html  css  js  c++  java

  • 非常强大的前端插件：emmet

    安装 Emmet 也有快速生成文件头的功能啊，而且更强大啊
    输入下边加粗的缩写，然后Tab，就OK了啊
    http://docs.emmet.io/cheat-sheet/

    html:4t

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <htmllang="${lang}">
    <head>
    <metahttp-equiv="Content-Type"content="text/html;charset=${charset}">
    <title>Document</title>
    </head>
    <body>
    ${child}
    </body>
    </html>

    html:4s

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <htmllang="${lang}">
    <head>
    <metahttp-equiv="Content-Type"content="text/html;charset=${charset}">
    <title>Document</title>
    </head>
    <body>
    ${child}
    </body>
    </html>

    html:xt

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
    <head>
    <metahttp-equiv="Content-Type"content="text/html;charset=${charset}"/>
    <title></title>
    </head>
    <body>
    ${child}
    </body>
    </html>

    html:xs

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
    <head>
    <metahttp-equiv="Content-Type"content="text/html;charset=${charset}"/>
    <title>Document</title>
    </head>
    <body>
    ${child}
    </body>
    </html>

    html:xxs

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
    <head>
    <metahttp-equiv="Content-Type"content="text/html;charset=${charset}"/>
    <title>Document</title>
    </head>
    <body>
    ${child}
    </body>
    </html>

    html:5

    <!doctype html>
    <htmllang="${lang}">
    <head>
    <metacharset="${charset}">
    <title>Document</title>
    </head>
    <body>
    ${child}
    </body>
    </html>

    例如，输入如下内容：

    ul#nav>li.item$*4>a{Item $}

    Emmet会帮助你生成如下的代码片段：

    <ul id="nav">
    	<li class="item1"><a href="">Item 1</a></li>
    	<li class="item2"><a href="">Item 2</a></li>
    	<li class="item3"><a href="">Item 3</a></li>
    	<li class="item4"><a href="">Item 4</a></li>
</ul>

    Emmet 作为插件可以支持如下的编辑器：

    • Eclipse/Aptana
    • Sublime Text 2
    • TextMate 1.x
    • Coda 1.6 and 2.x
    • Espresso
    • Komodo Edit/IDE
    • Notepad++
    • PSPad
    • <textarea>
    • CodeMirror2


    原文来自：http://blog.sina.com.cn/s/blog_711c3a9e0101jqep.html
  • 相关阅读:
    针式PKM软件进入华军分类下载月排名前6名
    读取xml
    一个简单的记事本程序
    python输出重定向
    重看ATL布幔之下的秘密
    nginx学习(二)动态加载各模块
    ngx_queue的理解
    nginx学习(三)IOCP的使用
    nginx学习(一)内存
    使用python实现一个通用协议测试工具
  • 原文地址：https://www.cnblogs.com/jessiecaisme/p/3169739.html
Copyright © 2011-2022 走看看