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

  • 相关阅读:
    水晶报表常见问题
    winform post xml 并获取返回xml
    C#操作INI文件
    将Stream转换成String,将String转化成Stream
    winform异步监听POST请求
    winform异步获取POST过来的XML
    C#读取XML C#写入XML
    XDocument转XmlDocument ,XmlDocument转XDocument 静态扩展方法
    C#读取XML节点
    Java 字符转码之UTF8转为GBK/GB2312
  • 原文地址:https://www.cnblogs.com/jessiecaisme/p/3169739.html
Copyright © 2011-2022 走看看