zoukankan      html  css  js  c++  java
  • sublime 插件 Emmet

    作用:快速编写代码,模板技术。

    主要语法-HTML:

    tab键扩展补全代码

    子元素>

    相邻元素+

    返回上一层^

    乘法*

    $符号做递增

    $@-符号做递减

    $@3*5 从第三个开始命名,共有5个

    组合()

    快速添加类名、ID、文本和属性

    1. 使用E#ID添加ID名
    2. 使用E.class添加类名
    3. 使用E[attr]添加属性
    4. 使用E{text}添加文本

     自定义模板

    1、修改emmet/snippets.json文件

    2、找到"doc": "html>(head>meta[charset=${charset}]+title{${1:Document}})+body",在这里可以修改默认的模板

    3、修改前的snippets.json:

    {
        "variables": {
            "lang": "en",
            "locale": "en-US",
            "charset": "UTF-8",
            "indentation": "	",
            "newline": "
    "
        },
        
        "css": {
            "filters": "css",
            "profile": "css",
            "snippets": {
                "@i": "@import url(|);",
                "@import": "@import url(|);",
                "@m": "@media ${1:screen} {
    	|
    }",
                "@media": "@media ${1:screen} {
    	|
    }",
                "@f": "@font-face {
    	font-family:|;
    	src:url(|);
    }",
                "@f+": "@font-face {
    	font-family: '${1:FontName}';
    	src: url('${2:FileName}.eot');
    	src: url('${2:FileName}.eot?#iefix') format('embedded-opentype'),
    		 url('${2:FileName}.woff') format('woff'),
    		 url('${2:FileName}.ttf') format('truetype'),
    		 url('${2:FileName}.svg#${1:FontName}') format('svg');
    	font-style: ${3:normal};
    	font-weight: ${4:normal};
    }",
    
                "@kf": "@-webkit-keyframes ${1:identifier} {
    	${2:from} { ${3} }${6}
    	${4:to} { ${5} }
    }
    @-o-keyframes ${1:identifier} {
    	${2:from} { ${3} }${6}
    	${4:to} { ${5} }
    }
    @-moz-keyframes ${1:identifier} {
    	${2:from} { ${3} }${6}
    	${4:to} { ${5} }
    }
    @keyframes ${1:identifier} {
    	${2:from} { ${3} }${6}
    	${4:to} { ${5} }
    }",
    
                "anim": "animation:|;",
                "anim-": "animation:${1:name} ${2:duration} ${3:timing-function} ${4:delay} ${5:iteration-count} ${6:direction} ${7:fill-mode};",
                "animdel": "animation-delay:${1:time};",
                
                "animdir": "animation-direction:${1:normal};",
                "animdir:n": "animation-direction:normal;",
                "animdir:r": "animation-direction:reverse;",
                "animdir:a": "animation-direction:alternate;",
                "animdir:ar": "animation-direction:alternate-reverse;",
                
                "animdur": "animation-duration:${1:0}s;",
                
                "animfm": "animation-fill-mode:${1:both};",
                "animfm:f": "animation-fill-mode:forwards;",
                "animfm:b": "animation-fill-mode:backwards;",
                "animfm:bt": "animation-fill-mode:both;",
                "animfm:bh": "animation-fill-mode:both;",
                
                "animic": "animation-iteration-count:${1:1};",
                "animic:i": "animation-iteration-count:infinite;",
                
                "animn": "animation-name:${1:none};",
    
                "animps": "animation-play-state:${1:running};",
                "animps:p": "animation-play-state:paused;",
                "animps:r": "animation-play-state:running;",
    
                "animtf": "animation-timing-function:${1:linear};",
                "animtf:e": "animation-timing-function:ease;",
                "animtf:ei": "animation-timing-function:ease-in;",
                "animtf:eo": "animation-timing-function:ease-out;",
                "animtf:eio": "animation-timing-function:ease-in-out;",
                "animtf:l": "animation-timing-function:linear;",
                "animtf:cb": "animation-timing-function:cubic-bezier(${1:0.1}, ${2:0.7}, ${3:1.0}, ${3:0.1});",
                
                "ap": "appearance:${none};",
    
                "!": "!important",
                "pos": "position:${1:relative};",
                "pos:s": "position:static;",
                "pos:a": "position:absolute;",
                "pos:r": "position:relative;",
                "pos:f": "position:fixed;",
                "t": "top:|;",
                "t:a": "top:auto;",
                "r": "right:|;",
                "r:a": "right:auto;",
                "b": "bottom:|;",
                "b:a": "bottom:auto;",
                "l": "left:|;",
                "l:a": "left:auto;",
                "z": "z-index:|;",
                "z:a": "z-index:auto;",
                "fl": "float:${1:left};",
                "fl:n": "float:none;",
                "fl:l": "float:left;",
                "fl:r": "float:right;",
                "cl": "clear:${1:both};",
                "cl:n": "clear:none;",
                "cl:l": "clear:left;",
                "cl:r": "clear:right;",
                "cl:b": "clear:both;",
    
                "colm": "columns:|;",
                "colmc": "column-count:|;",
                "colmf": "column-fill:|;",
                "colmg": "column-gap:|;",
                "colmr": "column-rule:|;",
                "colmrc": "column-rule-color:|;",
                "colmrs": "column-rule-style:|;",
                "colmrw": "column-rule-|;",
                "colms": "column-span:|;",
                "colmw": "column-|;",
    
                "d": "display:${1:block};",
                "d:n": "display:none;",
                "d:b": "display:block;",
                "d:f": "display:flex;",
                "d:i": "display:inline;",
                "d:ib": "display:inline-block;",
                "d:ib+": "display: inline-block;
    *display: inline;
    *zoom: 1;",
                "d:li": "display:list-item;",
                "d:ri": "display:run-in;",
                "d:cp": "display:compact;",
                "d:tb": "display:table;",
                "d:itb": "display:inline-table;",
                "d:tbcp": "display:table-caption;",
                "d:tbcl": "display:table-column;",
                "d:tbclg": "display:table-column-group;",
                "d:tbhg": "display:table-header-group;",
                "d:tbfg": "display:table-footer-group;",
                "d:tbr": "display:table-row;",
                "d:tbrg": "display:table-row-group;",
                "d:tbc": "display:table-cell;",
                "d:rb": "display:ruby;",
                "d:rbb": "display:ruby-base;",
                "d:rbbg": "display:ruby-base-group;",
                "d:rbt": "display:ruby-text;",
                "d:rbtg": "display:ruby-text-group;",
                "v": "visibility:${1:hidden};",
                "v:v": "visibility:visible;",
                "v:h": "visibility:hidden;",
                "v:c": "visibility:collapse;",
                "ov": "overflow:${1:hidden};",
                "ov:v": "overflow:visible;",
                "ov:h": "overflow:hidden;",
                "ov:s": "overflow:scroll;",
                "ov:a": "overflow:auto;",
                "ovx": "overflow-x:${1:hidden};",
                "ovx:v": "overflow-x:visible;",
                "ovx:h": "overflow-x:hidden;",
                "ovx:s": "overflow-x:scroll;",
                "ovx:a": "overflow-x:auto;",
                "ovy": "overflow-y:${1:hidden};",
                "ovy:v": "overflow-y:visible;",
                "ovy:h": "overflow-y:hidden;",
                "ovy:s": "overflow-y:scroll;",
                "ovy:a": "overflow-y:auto;",
                "ovs": "overflow-style:${1:scrollbar};",
                "ovs:a": "overflow-style:auto;",
                "ovs:s": "overflow-style:scrollbar;",
                "ovs:p": "overflow-style:panner;",
                "ovs:m": "overflow-style:move;",
                "ovs:mq": "overflow-style:marquee;",
                "zoo": "zoom:1;",
                "zm": "zoom:1;",
                "cp": "clip:|;",
                "cp:a": "clip:auto;",
                "cp:r": "clip:rect(${1:top} ${2:right} ${3:bottom} ${4:left});",
                "bxz": "box-sizing:${1:border-box};",
                "bxz:cb": "box-sizing:content-box;",
                "bxz:bb": "box-sizing:border-box;",
                "bxsh": "box-shadow:${1:inset }${2:hoff} ${3:voff} ${4:blur} ${5:color};",
                "bxsh:r": "box-shadow:${1:inset }${2:hoff} ${3:voff} ${4:blur} ${5:spread }rgb(${6:0}, ${7:0}, ${8:0});",
                "bxsh:ra": "box-shadow:${1:inset }${2:h} ${3:v} ${4:blur} ${5:spread }rgba(${6:0}, ${7:0}, ${8:0}, .${9:5});",
                "bxsh:n": "box-shadow:none;",
                "m": "margin:|;",
                "m:a": "margin:auto;",
                "mt": "margin-top:|;",
                "mt:a": "margin-top:auto;",
                "mr": "margin-right:|;",
                "mr:a": "margin-right:auto;",
                "mb": "margin-bottom:|;",
                "mb:a": "margin-bottom:auto;",
                "ml": "margin-left:|;",
                "ml:a": "margin-left:auto;",
                "p": "padding:|;",
                "pt": "padding-top:|;",
                "pr": "padding-right:|;",
                "pb": "padding-bottom:|;",
                "pl": "padding-left:|;",
                "w": "|;",
                "w:a": "auto;",
                "h": "height:|;",
                "h:a": "height:auto;",
                "maw": "max-|;",
                "maw:n": "max-none;",
                "mah": "max-height:|;",
                "mah:n": "max-height:none;",
                "miw": "min-|;",
                "mih": "min-height:|;",
                "mar": "max-resolution:${1:res};",
                "mir": "min-resolution:${1:res};",
                "ori": "orientation:|;",
                "ori:l": "orientation:landscape;",
                "ori:p": "orientation:portrait;",
                "ol": "outline:|;",
                "ol:n": "outline:none;",
                "olo": "outline-offset:|;",
                "olw": "outline-|;",
                "olw:tn": "outline-thin;",
                "olw:m": "outline-medium;",
                "olw:tc": "outline-thick;",
                "ols": "outline-style:|;",
                "ols:n": "outline-style:none;",
                "ols:dt": "outline-style:dotted;",
                "ols:ds": "outline-style:dashed;",
                "ols:s": "outline-style:solid;",
                "ols:db": "outline-style:double;",
                "ols:g": "outline-style:groove;",
                "ols:r": "outline-style:ridge;",
                "ols:i": "outline-style:inset;",
                "ols:o": "outline-style:outset;",
                "olc": "outline-color:#${1:000};",
                "olc:i": "outline-color:invert;",
                "bfv": "backface-visibility:|;",
                "bfv:h": "backface-visibility:hidden;",
                "bfv:v": "backface-visibility:visible;",
                "bd": "border:|;",
                "bd+": "border:${1:1px} ${2:solid} ${3:#000};",
                "bd:n": "border:none;",
                "bdbk": "border-break:${1:close};",
                "bdbk:c": "border-break:close;",
                "bdcl": "border-collapse:|;",
                "bdcl:c": "border-collapse:collapse;",
                "bdcl:s": "border-collapse:separate;",
                "bdc": "border-color:#${1:000};",
                "bdc:t": "border-color:transparent;",
                "bdi": "border-image:url(|);",
                "bdi:n": "border-image:none;",
                "bdti": "border-top-image:url(|);",
                "bdti:n": "border-top-image:none;",
                "bdri": "border-right-image:url(|);",
                "bdri:n": "border-right-image:none;",
                "bdbi": "border-bottom-image:url(|);",
                "bdbi:n": "border-bottom-image:none;",
                "bdli": "border-left-image:url(|);",
                "bdli:n": "border-left-image:none;",
                "bdci": "border-corner-image:url(|);",
                "bdci:n": "border-corner-image:none;",
                "bdci:c": "border-corner-image:continue;",
                "bdtli": "border-top-left-image:url(|);",
                "bdtli:n": "border-top-left-image:none;",
                "bdtli:c": "border-top-left-image:continue;",
                "bdtri": "border-top-right-image:url(|);",
                "bdtri:n": "border-top-right-image:none;",
                "bdtri:c": "border-top-right-image:continue;",
                "bdbri": "border-bottom-right-image:url(|);",
                "bdbri:n": "border-bottom-right-image:none;",
                "bdbri:c": "border-bottom-right-image:continue;",
                "bdbli": "border-bottom-left-image:url(|);",
                "bdbli:n": "border-bottom-left-image:none;",
                "bdbli:c": "border-bottom-left-image:continue;",
                "bdf": "border-fit:${1:repeat};",
                "bdf:c": "border-fit:clip;",
                "bdf:r": "border-fit:repeat;",
                "bdf:sc": "border-fit:scale;",
                "bdf:st": "border-fit:stretch;",
                "bdf:ow": "border-fit:overwrite;",
                "bdf:of": "border-fit:overflow;",
                "bdf:sp": "border-fit:space;",
                "bdlen": "border-length:|;",
                "bdlen:a": "border-length:auto;",
                "bdsp": "border-spacing:|;",
                "bds": "border-style:|;",
                "bds:n": "border-style:none;",
                "bds:h": "border-style:hidden;",
                "bds:dt": "border-style:dotted;",
                "bds:ds": "border-style:dashed;",
                "bds:s": "border-style:solid;",
                "bds:db": "border-style:double;",
                "bds:dtds": "border-style:dot-dash;",
                "bds:dtdtds": "border-style:dot-dot-dash;",
                "bds:w": "border-style:wave;",
                "bds:g": "border-style:groove;",
                "bds:r": "border-style:ridge;",
                "bds:i": "border-style:inset;",
                "bds:o": "border-style:outset;",
                "bdw": "border-|;",
                "bdtw": "border-top-|;",
                "bdrw": "border-right-|;",
                "bdbw": "border-bottom-|;",
                "bdlw": "border-left-|;",
                "bdt": "border-top:|;",
                "bt": "border-top:|;",
                "bdt+": "border-top:${1:1px} ${2:solid} ${3:#000};",
                "bdt:n": "border-top:none;",
                "bdts": "border-top-style:|;",
                "bdts:n": "border-top-style:none;",
                "bdtc": "border-top-color:#${1:000};",
                "bdtc:t": "border-top-color:transparent;",
                "bdr": "border-right:|;",
                "br": "border-right:|;",
                "bdr+": "border-right:${1:1px} ${2:solid} ${3:#000};",
                "bdr:n": "border-right:none;",
                "bdrst": "border-right-style:|;",
                "bdrst:n": "border-right-style:none;",
                "bdrc": "border-right-color:#${1:000};",
                "bdrc:t": "border-right-color:transparent;",
                "bdb": "border-bottom:|;",
                "bb": "border-bottom:|;",
                "bdb+": "border-bottom:${1:1px} ${2:solid} ${3:#000};",
                "bdb:n": "border-bottom:none;",
                "bdbs": "border-bottom-style:|;",
                "bdbs:n": "border-bottom-style:none;",
                "bdbc": "border-bottom-color:#${1:000};",
                "bdbc:t": "border-bottom-color:transparent;",
                "bdl": "border-left:|;",
                "bl": "border-left:|;",
                "bdl+": "border-left:${1:1px} ${2:solid} ${3:#000};",
                "bdl:n": "border-left:none;",
                "bdls": "border-left-style:|;",
                "bdls:n": "border-left-style:none;",
                "bdlc": "border-left-color:#${1:000};",
                "bdlc:t": "border-left-color:transparent;",
                "bdrs": "border-radius:|;",
                "bdtrrs": "border-top-right-radius:|;",
                "bdtlrs": "border-top-left-radius:|;",
                "bdbrrs": "border-bottom-right-radius:|;",
                "bdblrs": "border-bottom-left-radius:|;",
                "bg": "background:#${1:000};",
                "bg+": "background:${1:#fff} url(${2}) ${3:0} ${4:0} ${5:no-repeat};",
                "bg:n": "background:none;",
                "bg:ie": "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:x}.png',sizingMethod='${2:crop}');",
                "bgc": "background-color:#${1:fff};",
                "bgc:t": "background-color:transparent;",
                "bgi": "background-image:url(|);",
                "bgi:n": "background-image:none;",
                "bgr": "background-repeat:|;",
                "bgr:n": "background-repeat:no-repeat;",
                "bgr:x": "background-repeat:repeat-x;",
                "bgr:y": "background-repeat:repeat-y;",
                "bgr:sp": "background-repeat:space;",
                "bgr:rd": "background-repeat:round;",
                "bga": "background-attachment:|;",
                "bga:f": "background-attachment:fixed;",
                "bga:s": "background-attachment:scroll;",
                "bgp": "background-position:${1:0} ${2:0};",
                "bgpx": "background-position-x:|;",
                "bgpy": "background-position-y:|;",
                "bgbk": "background-break:|;",
                "bgbk:bb": "background-break:bounding-box;",
                "bgbk:eb": "background-break:each-box;",
                "bgbk:c": "background-break:continuous;",
                "bgcp": "background-clip:${1:padding-box};",
                "bgcp:bb": "background-clip:border-box;",
                "bgcp:pb": "background-clip:padding-box;",
                "bgcp:cb": "background-clip:content-box;",
                "bgcp:nc": "background-clip:no-clip;",
                "bgo": "background-origin:|;",
                "bgo:pb": "background-origin:padding-box;",
                "bgo:bb": "background-origin:border-box;",
                "bgo:cb": "background-origin:content-box;",
                "bgsz": "background-size:|;",
                "bgsz:a": "background-size:auto;",
                "bgsz:ct": "background-size:contain;",
                "bgsz:cv": "background-size:cover;",
                "c": "color:#${1:000};",
                "c:r": "color:rgb(${1:0}, ${2:0}, ${3:0});",
                "c:ra": "color:rgba(${1:0}, ${2:0}, ${3:0}, .${4:5});",
                "cm": "/* |${child} */",
                "cnt": "content:'|';",
                "cnt:n": "content:normal;",
                "cnt:oq": "content:open-quote;",
                "cnt:noq": "content:no-open-quote;",
                "cnt:cq": "content:close-quote;",
                "cnt:ncq": "content:no-close-quote;",
                "cnt:a": "content:attr(|);",
                "cnt:c": "content:counter(|);",
                "cnt:cs": "content:counters(|);",
    
                "tbl": "table-layout:|;",
                "tbl:a": "table-layout:auto;",
                "tbl:f": "table-layout:fixed;",
                "cps": "caption-side:|;",
                "cps:t": "caption-side:top;",
                "cps:b": "caption-side:bottom;",
                "ec": "empty-cells:|;",
                "ec:s": "empty-cells:show;",
                "ec:h": "empty-cells:hide;",
                "lis": "list-style:|;",
                "lis:n": "list-style:none;",
                "lisp": "list-style-position:|;",
                "lisp:i": "list-style-position:inside;",
                "lisp:o": "list-style-position:outside;",
                "list": "list-style-type:|;",
                "list:n": "list-style-type:none;",
                "list:d": "list-style-type:disc;",
                "list:c": "list-style-type:circle;",
                "list:s": "list-style-type:square;",
                "list:dc": "list-style-type:decimal;",
                "list:dclz": "list-style-type:decimal-leading-zero;",
                "list:lr": "list-style-type:lower-roman;",
                "list:ur": "list-style-type:upper-roman;",
                "lisi": "list-style-image:|;",
                "lisi:n": "list-style-image:none;",
                "q": "quotes:|;",
                "q:n": "quotes:none;",
                "q:ru": "quotes:'\00AB' '\00BB' '\201E' '\201C';",
                "q:en": "quotes:'\201C' '\201D' '\2018' '\2019';",
                "ct": "content:|;",
                "ct:n": "content:normal;",
                "ct:oq": "content:open-quote;",
                "ct:noq": "content:no-open-quote;",
                "ct:cq": "content:close-quote;",
                "ct:ncq": "content:no-close-quote;",
                "ct:a": "content:attr(|);",
                "ct:c": "content:counter(|);",
                "ct:cs": "content:counters(|);",
                "coi": "counter-increment:|;",
                "cor": "counter-reset:|;",
                "va": "vertical-align:${1:top};",
                "va:sup": "vertical-align:super;",
                "va:t": "vertical-align:top;",
                "va:tt": "vertical-align:text-top;",
                "va:m": "vertical-align:middle;",
                "va:bl": "vertical-align:baseline;",
                "va:b": "vertical-align:bottom;",
                "va:tb": "vertical-align:text-bottom;",
                "va:sub": "vertical-align:sub;",
                "ta": "text-align:${1:left};",
                "ta:l": "text-align:left;",
                "ta:c": "text-align:center;",
                "ta:r": "text-align:right;",
                "ta:j": "text-align:justify;",
                "ta-lst": "text-align-last:|;",
                "tal:a": "text-align-last:auto;",
                "tal:l": "text-align-last:left;",
                "tal:c": "text-align-last:center;",
                "tal:r": "text-align-last:right;",
                "td": "text-decoration:${1:none};",
                "td:n": "text-decoration:none;",
                "td:u": "text-decoration:underline;",
                "td:o": "text-decoration:overline;",
                "td:l": "text-decoration:line-through;",
                "te": "text-emphasis:|;",
                "te:n": "text-emphasis:none;",
                "te:ac": "text-emphasis:accent;",
                "te:dt": "text-emphasis:dot;",
                "te:c": "text-emphasis:circle;",
                "te:ds": "text-emphasis:disc;",
                "te:b": "text-emphasis:before;",
                "te:a": "text-emphasis:after;",
                "th": "text-height:|;",
                "th:a": "text-height:auto;",
                "th:f": "text-height:font-size;",
                "th:t": "text-height:text-size;",
                "th:m": "text-height:max-size;",
                "ti": "text-indent:|;",
                "ti:-": "text-indent:-9999px;",
                "tj": "text-justify:|;",
                "tj:a": "text-justify:auto;",
                "tj:iw": "text-justify:inter-word;",
                "tj:ii": "text-justify:inter-ideograph;",
                "tj:ic": "text-justify:inter-cluster;",
                "tj:d": "text-justify:distribute;",
                "tj:k": "text-justify:kashida;",
                "tj:t": "text-justify:tibetan;",
                "tov": "text-overflow:${ellipsis};",
                "tov:e": "text-overflow:ellipsis;",
                "tov:c": "text-overflow:clip;",
                "to": "text-outline:|;",
                "to+": "text-outline:${1:0} ${2:0} ${3:#000};",
                "to:n": "text-outline:none;",
                "tr": "text-replace:|;",
                "tr:n": "text-replace:none;",
                "tt": "text-transform:${1:uppercase};",
                "tt:n": "text-transform:none;",
                "tt:c": "text-transform:capitalize;",
                "tt:u": "text-transform:uppercase;",
                "tt:l": "text-transform:lowercase;",
                "tw": "text-wrap:|;",
                "tw:n": "text-wrap:normal;",
                "tw:no": "text-wrap:none;",
                "tw:u": "text-wrap:unrestricted;",
                "tw:s": "text-wrap:suppress;",
                "tsh": "text-shadow:${1:hoff} ${2:voff} ${3:blur} ${4:#000};",
                "tsh:r": "text-shadow:${1:h} ${2:v} ${3:blur} rgb(${4:0}, ${5:0}, ${6:0});",
                "tsh:ra": "text-shadow:${1:h} ${2:v} ${3:blur} rgba(${4:0}, ${5:0}, ${6:0}, .${7:5});",
                "tsh+": "text-shadow:${1:0} ${2:0} ${3:0} ${4:#000};",
                "tsh:n": "text-shadow:none;",
                "trf": "transform:|;",
                "trf:skx": "transform: skewX(${1:angle});",
                "trf:sky": "transform: skewY(${1:angle});",
                "trf:sc": "transform: scale(${1:x}, ${2:y});",
                "trf:scx": "transform: scaleX(${1:x});",
                "trf:scy": "transform: scaleY(${1:y});",
                "trf:scz": "transform: scaleZ(${1:z});",
                "trf:sc3": "transform: scale3d(${1:x}, ${2:y}, ${3:z});",
                "trf:r": "transform: rotate(${1:angle});",
                "trf:rx": "transform: rotateX(${1:angle});",
                "trf:ry": "transform: rotateY(${1:angle});",
                "trf:rz": "transform: rotateZ(${1:angle});",
                "trf:t": "transform: translate(${1:x}, ${2:y});",
                "trf:tx": "transform: translateX(${1:x});",
                "trf:ty": "transform: translateY(${1:y});",
                "trf:tz": "transform: translateZ(${1:z});",
                "trf:t3": "transform: translate3d(${1:tx}, ${2:ty}, ${3:tz});",
                "trfo": "transform-origin:|;",
                "trfs": "transform-style:${1:preserve-3d};",
                "trs": "transition:${1:prop} ${2:time};",
                "trsde": "transition-delay:${1:time};",
                "trsdu": "transition-duration:${1:time};",
                "trsp": "transition-property:${1:prop};",
                "trstf": "transition-timing-function:${1:tfunc};",
                "lh": "line-height:|;",
                "whs": "white-space:|;",
                "whs:n": "white-space:normal;",
                "whs:p": "white-space:pre;",
                "whs:nw": "white-space:nowrap;",
                "whs:pw": "white-space:pre-wrap;",
                "whs:pl": "white-space:pre-line;",
                "whsc": "white-space-collapse:|;",
                "whsc:n": "white-space-collapse:normal;",
                "whsc:k": "white-space-collapse:keep-all;",
                "whsc:l": "white-space-collapse:loose;",
                "whsc:bs": "white-space-collapse:break-strict;",
                "whsc:ba": "white-space-collapse:break-all;",
                "wob": "word-break:|;",
                "wob:n": "word-break:normal;",
                "wob:k": "word-break:keep-all;",
                "wob:ba": "word-break:break-all;",
                "wos": "word-spacing:|;",
                "wow": "word-wrap:|;",
                "wow:nm": "word-wrap:normal;",
                "wow:n": "word-wrap:none;",
                "wow:u": "word-wrap:unrestricted;",
                "wow:s": "word-wrap:suppress;",
                "wow:b": "word-wrap:break-word;",
                "wm": "writing-mode:${1:lr-tb};",
                "wm:lrt": "writing-mode:lr-tb;",
                "wm:lrb": "writing-mode:lr-bt;",
                "wm:rlt": "writing-mode:rl-tb;",
                "wm:rlb": "writing-mode:rl-bt;",
                "wm:tbr": "writing-mode:tb-rl;",
                "wm:tbl": "writing-mode:tb-lr;",
                "wm:btl": "writing-mode:bt-lr;",
                "wm:btr": "writing-mode:bt-rl;",
                "lts": "letter-spacing:|;",
                "lts-n": "letter-spacing:normal;",
                "f": "font:|;",
                "f+": "font:${1:1em} ${2:Arial,sans-serif};",
                "fw": "font-weight:|;",
                "fw:n": "font-weight:normal;",
                "fw:b": "font-weight:bold;",
                "fw:br": "font-weight:bolder;",
                "fw:lr": "font-weight:lighter;",
                "fs": "font-style:${italic};",
                "fs:n": "font-style:normal;",
                "fs:i": "font-style:italic;",
                "fs:o": "font-style:oblique;",
                "fv": "font-variant:|;",
                "fv:n": "font-variant:normal;",
                "fv:sc": "font-variant:small-caps;",
                "fz": "font-size:|;",
                "fza": "font-size-adjust:|;",
                "fza:n": "font-size-adjust:none;",
                "ff": "font-family:|;",
                "ff:s": "font-family:serif;",
                "ff:ss": "font-family:sans-serif;",
                "ff:c": "font-family:cursive;",
                "ff:f": "font-family:fantasy;",
                "ff:m": "font-family:monospace;",
                "ff:a": "font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;",
                "ff:t": "font-family: "Times New Roman", Times, Baskerville, Georgia, serif;",
                "ff:v": "font-family: Verdana, Geneva, sans-serif;",
                "fef": "font-effect:|;",
                "fef:n": "font-effect:none;",
                "fef:eg": "font-effect:engrave;",
                "fef:eb": "font-effect:emboss;",
                "fef:o": "font-effect:outline;",
                "fem": "font-emphasize:|;",
                "femp": "font-emphasize-position:|;",
                "femp:b": "font-emphasize-position:before;",
                "femp:a": "font-emphasize-position:after;",
                "fems": "font-emphasize-style:|;",
                "fems:n": "font-emphasize-style:none;",
                "fems:ac": "font-emphasize-style:accent;",
                "fems:dt": "font-emphasize-style:dot;",
                "fems:c": "font-emphasize-style:circle;",
                "fems:ds": "font-emphasize-style:disc;",
                "fsm": "font-smooth:|;",
                "fsm:a": "font-smooth:auto;",
                "fsm:n": "font-smooth:never;",
                "fsm:aw": "font-smooth:always;",
                "fst": "font-stretch:|;",
                "fst:n": "font-stretch:normal;",
                "fst:uc": "font-stretch:ultra-condensed;",
                "fst:ec": "font-stretch:extra-condensed;",
                "fst:c": "font-stretch:condensed;",
                "fst:sc": "font-stretch:semi-condensed;",
                "fst:se": "font-stretch:semi-expanded;",
                "fst:e": "font-stretch:expanded;",
                "fst:ee": "font-stretch:extra-expanded;",
                "fst:ue": "font-stretch:ultra-expanded;",
                "op": "opacity:|;",
                "op+": "opacity: $1;
    filter: alpha(opacity=$2);",
                "op:ie": "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);",
                "op:ms": "-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';",
                "rsz": "resize:|;",
                "rsz:n": "resize:none;",
                "rsz:b": "resize:both;",
                "rsz:h": "resize:horizontal;",
                "rsz:v": "resize:vertical;",
                "cur": "cursor:${pointer};",
                "cur:a": "cursor:auto;",
                "cur:d": "cursor:default;",
                "cur:c": "cursor:crosshair;",
                "cur:ha": "cursor:hand;",
                "cur:he": "cursor:help;",
                "cur:m": "cursor:move;",
                "cur:p": "cursor:pointer;",
                "cur:t": "cursor:text;",
                "pgbb": "page-break-before:|;",
                "pgbb:au": "page-break-before:auto;",
                "pgbb:al": "page-break-before:always;",
                "pgbb:l": "page-break-before:left;",
                "pgbb:r": "page-break-before:right;",
                "pgbi": "page-break-inside:|;",
                "pgbi:au": "page-break-inside:auto;",
                "pgbi:av": "page-break-inside:avoid;",
                "pgba": "page-break-after:|;",
                "pgba:au": "page-break-after:auto;",
                "pgba:al": "page-break-after:always;",
                "pgba:l": "page-break-after:left;",
                "pgba:r": "page-break-after:right;",
                "orp": "orphans:|;",
                "us": "user-select:${none};",
                "wid": "widows:|;",
                "wfsm": "-webkit-font-smoothing:${antialiased};",
                "wfsm:a": "-webkit-font-smoothing:antialiased;",
                "wfsm:s": "-webkit-font-smoothing:subpixel-antialiased;",
                "wfsm:sa": "-webkit-font-smoothing:subpixel-antialiased;",
                "wfsm:n": "-webkit-font-smoothing:none;"
            }
        },
        
        "html": {
            "filters": "html",
            "profile": "html",
            "snippets": {
                "!!!":    "<!DOCTYPE html>",
                "!!!4t":  "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">",
                "!!!4s":  "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">",
                "!!!xt":  "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">",
                "!!!xs":  "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">",
                "!!!xxs": "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">",
    
                "c": "<!-- |${child} -->",
                "cc:ie6": "<!--[if lte IE 6]>
    	${child}|
    <![endif]-->",
                "cc:ie": "<!--[if IE]>
    	${child}|
    <![endif]-->",
                "cc:noie": "<!--[if !IE]><!-->
    	${child}|
    <!--<![endif]-->"
            },
            
            "abbreviations": {
                "!": "html:5",
                "a": "<a href="">",
                "a:link": "<a href="http://|">",
                "a:mail": "<a href="mailto:|">",
                "abbr": "<abbr title="">",
                "acr|acronym": "<acronym title="">",
                "base": "<base href="" />",
                "basefont": "<basefont/>",
                "br": "<br/>",
                "frame": "<frame/>",
                "hr": "<hr/>",
                "bdo": "<bdo dir="">",
                "bdo:r": "<bdo dir="rtl">",
                "bdo:l": "<bdo dir="ltr">",
                "col": "<col/>",
                "link": "<link rel="stylesheet" href="" />",
                "link:css": "<link rel="stylesheet" href="${1:style}.css" />",
                "link:print": "<link rel="stylesheet" href="${1:print}.css" media="print" />",
                "link:favicon": "<link rel="shortcut icon" type="image/x-icon" href="${1:favicon.ico}" />",
                "link:touch": "<link rel="apple-touch-icon" href="${1:favicon.png}" />",
                "link:rss": "<link rel="alternate" type="application/rss+xml" title="RSS" href="${1:rss.xml}" />",
                "link:atom": "<link rel="alternate" type="application/atom+xml" title="Atom" href="${1:atom.xml}" />",
                "link:im|link:import": "<link rel="import" href="${1:component}.html" />",
                "meta": "<meta/>",
                "meta:utf": "<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />",
                "meta:win": "<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />",
                "meta:vp": "<meta name="viewport" content="width=${1:device-width}, user-scalable=${2:no}, initial-scale=${3:1.0}, maximum-scale=${4:1.0}, minimum-scale=${5:1.0}" />",
                "meta:compat": "<meta http-equiv="X-UA-Compatible" content="${1:IE=7}" />",
                "style": "<style>",
                "script": "<script !src="">",
                "script:src": "<script src="">",
                "img": "<img src="" alt="" />",
                "img:s|img:srcset": "<img srcset="" src="" alt="" />",
                "img:z|img:sizes": "<img sizes="" srcset="" src="" alt="" />",
                "picture": "<picture>",
                "src|source": "<source/>",
                "src:sc|source:src": "<source src="" type=""/>",
                "src:s|source:srcset": "<source srcset=""/>",
                "src:m|source:media": "<source media="(${1:min- })" srcset=""/>",
                "src:t|source:type": "<source srcset="|" type="${1:image/}"/>",
                "src:z|source:sizes": "<source sizes="" srcset=""/>",
                "src:mt|source:media:type": "<source media="(${1:min- })" srcset="" type="${2:image/}"/>",
                "src:mz|source:media:sizes": "<source media="(${1:min- })" sizes="" srcset=""/>",
                "src:zt|source:sizes:type": "<source sizes="" srcset="" type="${1:image/}"/>",
                "iframe": "<iframe src="" frameborder="0">",
                "embed": "<embed src="" type="" />",
                "object": "<object data="" type="">",
                "param": "<param name="" value="" />",
                "map": "<map name="">",
                "area": "<area shape="" coords="" href="" alt="" />",
                "area:d": "<area shape="default" href="" alt="" />",
                "area:c": "<area shape="circle" coords="" href="" alt="" />",
                "area:r": "<area shape="rect" coords="" href="" alt="" />",
                "area:p": "<area shape="poly" coords="" href="" alt="" />",
                "form": "<form action="">",
                "form:get": "<form action="" method="get">",
                "form:post": "<form action="" method="post">",
                "label": "<label for="">",
                "input": "<input type="${1:text}" />",
                "inp": "<input type="${1:text}" name="" id="" />",
                "input:h|input:hidden": "input[type=hidden name]",
                "input:t|input:text": "inp",
                "input:search": "inp[type=search]",
                "input:email": "inp[type=email]",
                "input:url": "inp[type=url]",
                "input:p|input:password": "inp[type=password]",
                "input:datetime": "inp[type=datetime]",
                "input:date": "inp[type=date]",
                "input:datetime-local": "inp[type=datetime-local]",
                "input:month": "inp[type=month]",
                "input:week": "inp[type=week]",
                "input:time": "inp[type=time]",
                "input:tel": "inp[type=tel]",
                "input:number": "inp[type=number]",
                "input:color": "inp[type=color]",
                "input:c|input:checkbox": "inp[type=checkbox]",
                "input:r|input:radio": "inp[type=radio]",
                "input:range": "inp[type=range]",
                "input:f|input:file": "inp[type=file]",
                "input:s|input:submit": "<input type="submit" value="" />",
                "input:i|input:image": "<input type="image" src="" alt="" />",
                "input:b|input:button": "<input type="button" value="" />",
                "isindex": "<isindex/>",
                "input:reset": "input:button[type=reset]",
                "select": "<select name="" id="">",
                "select:d|select:disabled": "select[disabled.]",
                "opt|option": "<option value="">",
                "textarea": "<textarea name="" id="" cols="${1:30}" rows="${2:10}">",
                "marquee": "<marquee behavior="" direction="">",
                "menu:c|menu:context": "menu[type=context]>",
                "menu:t|menu:toolbar": "menu[type=toolbar]>",
                "video": "<video src="">",
                "audio": "<audio src="">",
                "html:xml": "<html xmlns="http://www.w3.org/1999/xhtml">",
                "keygen": "<keygen/>",
                "command": "<command/>",
                "btn:s|button:s|button:submit" : "button[type=submit]",
                "btn:r|button:r|button:reset" : "button[type=reset]",
                "btn:d|button:d|button:disabled" : "button[disabled.]",
                "fst:d|fset:d|fieldset:d|fieldset:disabled" : "fieldset[disabled.]",
                
                "bq": "blockquote",
                "fig": "figure",
                "figc": "figcaption",
                "pic": "picture",
                "ifr": "iframe",
                "emb": "embed",
                "obj": "object",
                "cap": "caption",
                "colg": "colgroup",
                "fst": "fieldset",
                "btn": "button",
                "optg": "optgroup",
                "tarea": "textarea",
                "leg": "legend",
                "sect": "section",
                "art": "article",
                "hdr": "header",
                "ftr": "footer",
                "adr": "address",
                "dlg": "dialog",
                "str": "strong",
                "prog": "progress",
                "mn": "main",
                "tem": "template",
                "fset": "fieldset",
                "datag": "datagrid",
                "datal": "datalist",
                "kg": "keygen",
                "out": "output",
                "det": "details",
                "cmd": "command",
                "doc": "html>(head>meta[charset=${charset}]+title{${1:Document}})+body",
                "doc4": "html>(head>meta[http-equiv="Content-Type" content="text/html;charset=${charset}"]+title{${1:Document}})+body",
    
                "ri:d|ri:dpr": "img:s",
                "ri:v|ri:viewport": "img:z",
                "ri:a|ri:art": "pic>src:m+img",
                "ri:t|ri:type": "pic>src:t+img",
    
                "html:4t":  "!!!4t+doc4[lang=${lang}]",
                "html:4s":  "!!!4s+doc4[lang=${lang}]",
                "html:xt":  "!!!xt+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]",
                "html:xs":  "!!!xs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]",
                "html:xxs": "!!!xxs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]",
                "html:5":   "!!!+doc[lang=${lang}]",
                
                "ol+": "ol>li",
                "ul+": "ul>li",
                "dl+": "dl>dt+dd",
                "map+": "map>area",
                "table+": "table>tr>td",
                "colgroup+": "colgroup>col",
                "colg+": "colgroup>col",
                "tr+": "tr>td",
                "select+": "select>option",
                "optgroup+": "optgroup>option",
                "optg+": "optgroup>option",
                "pic+": "picture>source:srcset+img"
            }
        },
        
        "xml": {
            "extends": "html",
            "profile": "xml",
            "filters": "html"
        },
        
        "xsl": {
            "extends": "html",
            "profile": "xml",
            "filters": "html, xsl",
            "abbreviations": {
                "tm|tmatch": "<xsl:template match="" mode="">",
                "tn|tname": "<xsl:template name="">",
                "call": "<xsl:call-template name=""/>",
                "ap": "<xsl:apply-templates select="" mode=""/>",
                "api": "<xsl:apply-imports/>",
                "imp": "<xsl:import href=""/>",
                "inc": "<xsl:include href=""/>",
    
                "ch": "<xsl:choose>",
                "wh|xsl:when": "<xsl:when test="">",
                "ot": "<xsl:otherwise>",
                "if": "<xsl:if test="">",
    
                "par": "<xsl:param name="">",
                "pare": "<xsl:param name="" select=""/>",
                "var": "<xsl:variable name="">",
                "vare": "<xsl:variable name="" select=""/>",
                "wp": "<xsl:with-param name="" select=""/>",
                "key": "<xsl:key name="" match="" use=""/>",
    
                "elem": "<xsl:element name="">",
                "attr": "<xsl:attribute name="">",
                "attrs": "<xsl:attribute-set name="">",
    
                "cp": "<xsl:copy select=""/>",
                "co": "<xsl:copy-of select=""/>",
                "val": "<xsl:value-of select=""/>",
                "for|each": "<xsl:for-each select="">",
                "tex": "<xsl:text></xsl:text>",
    
                "com": "<xsl:comment>",
                "msg": "<xsl:message terminate="no">",
                "fall": "<xsl:fallback>",
                "num": "<xsl:number value=""/>",
                "nam": "<namespace-alias stylesheet-prefix="" result-prefix=""/>",
                "pres": "<xsl:preserve-space elements=""/>",
                "strip": "<xsl:strip-space elements=""/>",
                "proc": "<xsl:processing-instruction name="">",
                "sort": "<xsl:sort select="" order=""/>",
    
                "choose+": "xsl:choose>xsl:when+xsl:otherwise",
                "xsl": "!!!+xsl:stylesheet[version=1.0 xmlns:xsl=http://www.w3.org/1999/XSL/Transform]>{
    |}"
            }, 
            "snippets": {
                "!!!": "<?xml version="1.0" encoding="UTF-8"?>"
            }
        },
        
        "haml": {
            "filters": "haml",
            "extends": "html",
            "profile": "xml"
        },
    
        "jade": {
            "filters": "jade",
            "extends": "html",
            "profile": "xml"
        },
    
        "slim": {
            "filters": "slim",
            "extends": "html",
            "profile": "xml"
        },
        
        "scss": {
            "extends": "css"
        },
        
        "sass": {
            "extends": "css"
        },
        
        "less": {
            "extends": "css"
        },
        
        "stylus": {
            "extends": "css"
        },
    
        "styl": {
            "extends": "stylus"
        }
    }
    View Code

    修改好的snippets.json:

    {
        "variables": {
            "lang": "zh-cn",
            "locale": "en-US",
            "charset": "utf-8",
            "indentation": "	",
            "newline": "
    "
        },
        
        "css": {
            "filters": "css",
            "profile": "css",
            "snippets": {
                "@i": "@import url(|);",
                "@import": "@import url(|);",
                "@m": "@media ${1:screen} {
    	|
    }",
                "@media": "@media ${1:screen} {
    	|
    }",
                "@f": "@font-face {
    	font-family:|;
    	src:url(|);
    }",
                "@f+": "@font-face {
    	font-family: '${1:FontName}';
    	src: url('${2:FileName}.eot');
    	src: url('${2:FileName}.eot?#iefix') format('embedded-opentype'),
    		 url('${2:FileName}.woff') format('woff'),
    		 url('${2:FileName}.ttf') format('truetype'),
    		 url('${2:FileName}.svg#${1:FontName}') format('svg');
    	font-style: ${3:normal};
    	font-weight: ${4:normal};
    }",
    
                "@kf": "@-webkit-keyframes ${1:identifier} {
    	${2:from} { ${3} }${6}
    	${4:to} { ${5} }
    }
    @-o-keyframes ${1:identifier} {
    	${2:from} { ${3} }${6}
    	${4:to} { ${5} }
    }
    @-moz-keyframes ${1:identifier} {
    	${2:from} { ${3} }${6}
    	${4:to} { ${5} }
    }
    @keyframes ${1:identifier} {
    	${2:from} { ${3} }${6}
    	${4:to} { ${5} }
    }",
    
                "anim": "animation:|;",
                "anim-": "animation:${1:name} ${2:duration} ${3:timing-function} ${4:delay} ${5:iteration-count} ${6:direction} ${7:fill-mode};",
                "animdel": "animation-delay:${1:time};",
                
                "animdir": "animation-direction:${1:normal};",
                "animdir:n": "animation-direction:normal;",
                "animdir:r": "animation-direction:reverse;",
                "animdir:a": "animation-direction:alternate;",
                "animdir:ar": "animation-direction:alternate-reverse;",
                
                "animdur": "animation-duration:${1:0}s;",
                
                "animfm": "animation-fill-mode:${1:both};",
                "animfm:f": "animation-fill-mode:forwards;",
                "animfm:b": "animation-fill-mode:backwards;",
                "animfm:bt": "animation-fill-mode:both;",
                "animfm:bh": "animation-fill-mode:both;",
                
                "animic": "animation-iteration-count:${1:1};",
                "animic:i": "animation-iteration-count:infinite;",
                
                "animn": "animation-name:${1:none};",
    
                "animps": "animation-play-state:${1:running};",
                "animps:p": "animation-play-state:paused;",
                "animps:r": "animation-play-state:running;",
    
                "animtf": "animation-timing-function:${1:linear};",
                "animtf:e": "animation-timing-function:ease;",
                "animtf:ei": "animation-timing-function:ease-in;",
                "animtf:eo": "animation-timing-function:ease-out;",
                "animtf:eio": "animation-timing-function:ease-in-out;",
                "animtf:l": "animation-timing-function:linear;",
                "animtf:cb": "animation-timing-function:cubic-bezier(${1:0.1}, ${2:0.7}, ${3:1.0}, ${3:0.1});",
                
                "ap": "appearance:${none};",
    
                "!": "!important",
                "pos": "position:${1:relative};",
                "pos:s": "position:static;",
                "pos:a": "position:absolute;",
                "pos:r": "position:relative;",
                "pos:f": "position:fixed;",
                "t": "top:|;",
                "t:a": "top:auto;",
                "r": "right:|;",
                "r:a": "right:auto;",
                "b": "bottom:|;",
                "b:a": "bottom:auto;",
                "l": "left:|;",
                "l:a": "left:auto;",
                "z": "z-index:|;",
                "z:a": "z-index:auto;",
                "fl": "float:${1:left};",
                "fl:n": "float:none;",
                "fl:l": "float:left;",
                "fl:r": "float:right;",
                "cl": "clear:${1:both};",
                "cl:n": "clear:none;",
                "cl:l": "clear:left;",
                "cl:r": "clear:right;",
                "cl:b": "clear:both;",
    
                "colm": "columns:|;",
                "colmc": "column-count:|;",
                "colmf": "column-fill:|;",
                "colmg": "column-gap:|;",
                "colmr": "column-rule:|;",
                "colmrc": "column-rule-color:|;",
                "colmrs": "column-rule-style:|;",
                "colmrw": "column-rule-|;",
                "colms": "column-span:|;",
                "colmw": "column-|;",
    
                "d": "display:${1:block};",
                "d:n": "display:none;",
                "d:b": "display:block;",
                "d:f": "display:flex;",
                "d:i": "display:inline;",
                "d:ib": "display:inline-block;",
                "d:ib+": "display: inline-block;
    *display: inline;
    *zoom: 1;",
                "d:li": "display:list-item;",
                "d:ri": "display:run-in;",
                "d:cp": "display:compact;",
                "d:tb": "display:table;",
                "d:itb": "display:inline-table;",
                "d:tbcp": "display:table-caption;",
                "d:tbcl": "display:table-column;",
                "d:tbclg": "display:table-column-group;",
                "d:tbhg": "display:table-header-group;",
                "d:tbfg": "display:table-footer-group;",
                "d:tbr": "display:table-row;",
                "d:tbrg": "display:table-row-group;",
                "d:tbc": "display:table-cell;",
                "d:rb": "display:ruby;",
                "d:rbb": "display:ruby-base;",
                "d:rbbg": "display:ruby-base-group;",
                "d:rbt": "display:ruby-text;",
                "d:rbtg": "display:ruby-text-group;",
                "v": "visibility:${1:hidden};",
                "v:v": "visibility:visible;",
                "v:h": "visibility:hidden;",
                "v:c": "visibility:collapse;",
                "ov": "overflow:${1:hidden};",
                "ov:v": "overflow:visible;",
                "ov:h": "overflow:hidden;",
                "ov:s": "overflow:scroll;",
                "ov:a": "overflow:auto;",
                "ovx": "overflow-x:${1:hidden};",
                "ovx:v": "overflow-x:visible;",
                "ovx:h": "overflow-x:hidden;",
                "ovx:s": "overflow-x:scroll;",
                "ovx:a": "overflow-x:auto;",
                "ovy": "overflow-y:${1:hidden};",
                "ovy:v": "overflow-y:visible;",
                "ovy:h": "overflow-y:hidden;",
                "ovy:s": "overflow-y:scroll;",
                "ovy:a": "overflow-y:auto;",
                "ovs": "overflow-style:${1:scrollbar};",
                "ovs:a": "overflow-style:auto;",
                "ovs:s": "overflow-style:scrollbar;",
                "ovs:p": "overflow-style:panner;",
                "ovs:m": "overflow-style:move;",
                "ovs:mq": "overflow-style:marquee;",
                "zoo": "zoom:1;",
                "zm": "zoom:1;",
                "cp": "clip:|;",
                "cp:a": "clip:auto;",
                "cp:r": "clip:rect(${1:top} ${2:right} ${3:bottom} ${4:left});",
                "bxz": "box-sizing:${1:border-box};",
                "bxz:cb": "box-sizing:content-box;",
                "bxz:bb": "box-sizing:border-box;",
                "bxsh": "box-shadow:${1:inset }${2:hoff} ${3:voff} ${4:blur} ${5:color};",
                "bxsh:r": "box-shadow:${1:inset }${2:hoff} ${3:voff} ${4:blur} ${5:spread }rgb(${6:0}, ${7:0}, ${8:0});",
                "bxsh:ra": "box-shadow:${1:inset }${2:h} ${3:v} ${4:blur} ${5:spread }rgba(${6:0}, ${7:0}, ${8:0}, .${9:5});",
                "bxsh:n": "box-shadow:none;",
                "m": "margin:|;",
                "m:a": "margin:auto;",
                "mt": "margin-top:|;",
                "mt:a": "margin-top:auto;",
                "mr": "margin-right:|;",
                "mr:a": "margin-right:auto;",
                "mb": "margin-bottom:|;",
                "mb:a": "margin-bottom:auto;",
                "ml": "margin-left:|;",
                "ml:a": "margin-left:auto;",
                "p": "padding:|;",
                "pt": "padding-top:|;",
                "pr": "padding-right:|;",
                "pb": "padding-bottom:|;",
                "pl": "padding-left:|;",
                "w": "|;",
                "w:a": "auto;",
                "h": "height:|;",
                "h:a": "height:auto;",
                "maw": "max-|;",
                "maw:n": "max-none;",
                "mah": "max-height:|;",
                "mah:n": "max-height:none;",
                "miw": "min-|;",
                "mih": "min-height:|;",
                "mar": "max-resolution:${1:res};",
                "mir": "min-resolution:${1:res};",
                "ori": "orientation:|;",
                "ori:l": "orientation:landscape;",
                "ori:p": "orientation:portrait;",
                "ol": "outline:|;",
                "ol:n": "outline:none;",
                "olo": "outline-offset:|;",
                "olw": "outline-|;",
                "olw:tn": "outline-thin;",
                "olw:m": "outline-medium;",
                "olw:tc": "outline-thick;",
                "ols": "outline-style:|;",
                "ols:n": "outline-style:none;",
                "ols:dt": "outline-style:dotted;",
                "ols:ds": "outline-style:dashed;",
                "ols:s": "outline-style:solid;",
                "ols:db": "outline-style:double;",
                "ols:g": "outline-style:groove;",
                "ols:r": "outline-style:ridge;",
                "ols:i": "outline-style:inset;",
                "ols:o": "outline-style:outset;",
                "olc": "outline-color:#${1:000};",
                "olc:i": "outline-color:invert;",
                "bfv": "backface-visibility:|;",
                "bfv:h": "backface-visibility:hidden;",
                "bfv:v": "backface-visibility:visible;",
                "bd": "border:|;",
                "bd+": "border:${1:1px} ${2:solid} ${3:#000};",
                "bd:n": "border:none;",
                "bdbk": "border-break:${1:close};",
                "bdbk:c": "border-break:close;",
                "bdcl": "border-collapse:|;",
                "bdcl:c": "border-collapse:collapse;",
                "bdcl:s": "border-collapse:separate;",
                "bdc": "border-color:#${1:000};",
                "bdc:t": "border-color:transparent;",
                "bdi": "border-image:url(|);",
                "bdi:n": "border-image:none;",
                "bdti": "border-top-image:url(|);",
                "bdti:n": "border-top-image:none;",
                "bdri": "border-right-image:url(|);",
                "bdri:n": "border-right-image:none;",
                "bdbi": "border-bottom-image:url(|);",
                "bdbi:n": "border-bottom-image:none;",
                "bdli": "border-left-image:url(|);",
                "bdli:n": "border-left-image:none;",
                "bdci": "border-corner-image:url(|);",
                "bdci:n": "border-corner-image:none;",
                "bdci:c": "border-corner-image:continue;",
                "bdtli": "border-top-left-image:url(|);",
                "bdtli:n": "border-top-left-image:none;",
                "bdtli:c": "border-top-left-image:continue;",
                "bdtri": "border-top-right-image:url(|);",
                "bdtri:n": "border-top-right-image:none;",
                "bdtri:c": "border-top-right-image:continue;",
                "bdbri": "border-bottom-right-image:url(|);",
                "bdbri:n": "border-bottom-right-image:none;",
                "bdbri:c": "border-bottom-right-image:continue;",
                "bdbli": "border-bottom-left-image:url(|);",
                "bdbli:n": "border-bottom-left-image:none;",
                "bdbli:c": "border-bottom-left-image:continue;",
                "bdf": "border-fit:${1:repeat};",
                "bdf:c": "border-fit:clip;",
                "bdf:r": "border-fit:repeat;",
                "bdf:sc": "border-fit:scale;",
                "bdf:st": "border-fit:stretch;",
                "bdf:ow": "border-fit:overwrite;",
                "bdf:of": "border-fit:overflow;",
                "bdf:sp": "border-fit:space;",
                "bdlen": "border-length:|;",
                "bdlen:a": "border-length:auto;",
                "bdsp": "border-spacing:|;",
                "bds": "border-style:|;",
                "bds:n": "border-style:none;",
                "bds:h": "border-style:hidden;",
                "bds:dt": "border-style:dotted;",
                "bds:ds": "border-style:dashed;",
                "bds:s": "border-style:solid;",
                "bds:db": "border-style:double;",
                "bds:dtds": "border-style:dot-dash;",
                "bds:dtdtds": "border-style:dot-dot-dash;",
                "bds:w": "border-style:wave;",
                "bds:g": "border-style:groove;",
                "bds:r": "border-style:ridge;",
                "bds:i": "border-style:inset;",
                "bds:o": "border-style:outset;",
                "bdw": "border-|;",
                "bdtw": "border-top-|;",
                "bdrw": "border-right-|;",
                "bdbw": "border-bottom-|;",
                "bdlw": "border-left-|;",
                "bdt": "border-top:|;",
                "bt": "border-top:|;",
                "bdt+": "border-top:${1:1px} ${2:solid} ${3:#000};",
                "bdt:n": "border-top:none;",
                "bdts": "border-top-style:|;",
                "bdts:n": "border-top-style:none;",
                "bdtc": "border-top-color:#${1:000};",
                "bdtc:t": "border-top-color:transparent;",
                "bdr": "border-right:|;",
                "br": "border-right:|;",
                "bdr+": "border-right:${1:1px} ${2:solid} ${3:#000};",
                "bdr:n": "border-right:none;",
                "bdrst": "border-right-style:|;",
                "bdrst:n": "border-right-style:none;",
                "bdrc": "border-right-color:#${1:000};",
                "bdrc:t": "border-right-color:transparent;",
                "bdb": "border-bottom:|;",
                "bb": "border-bottom:|;",
                "bdb+": "border-bottom:${1:1px} ${2:solid} ${3:#000};",
                "bdb:n": "border-bottom:none;",
                "bdbs": "border-bottom-style:|;",
                "bdbs:n": "border-bottom-style:none;",
                "bdbc": "border-bottom-color:#${1:000};",
                "bdbc:t": "border-bottom-color:transparent;",
                "bdl": "border-left:|;",
                "bl": "border-left:|;",
                "bdl+": "border-left:${1:1px} ${2:solid} ${3:#000};",
                "bdl:n": "border-left:none;",
                "bdls": "border-left-style:|;",
                "bdls:n": "border-left-style:none;",
                "bdlc": "border-left-color:#${1:000};",
                "bdlc:t": "border-left-color:transparent;",
                "bdrs": "border-radius:|;",
                "bdtrrs": "border-top-right-radius:|;",
                "bdtlrs": "border-top-left-radius:|;",
                "bdbrrs": "border-bottom-right-radius:|;",
                "bdblrs": "border-bottom-left-radius:|;",
                "bg": "background:#${1:000};",
                "bg+": "background:${1:#fff} url(${2}) ${3:0} ${4:0} ${5:no-repeat};",
                "bg:n": "background:none;",
                "bg:ie": "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:x}.png',sizingMethod='${2:crop}');",
                "bgc": "background-color:#${1:fff};",
                "bgc:t": "background-color:transparent;",
                "bgi": "background-image:url(|);",
                "bgi:n": "background-image:none;",
                "bgr": "background-repeat:|;",
                "bgr:n": "background-repeat:no-repeat;",
                "bgr:x": "background-repeat:repeat-x;",
                "bgr:y": "background-repeat:repeat-y;",
                "bgr:sp": "background-repeat:space;",
                "bgr:rd": "background-repeat:round;",
                "bga": "background-attachment:|;",
                "bga:f": "background-attachment:fixed;",
                "bga:s": "background-attachment:scroll;",
                "bgp": "background-position:${1:0} ${2:0};",
                "bgpx": "background-position-x:|;",
                "bgpy": "background-position-y:|;",
                "bgbk": "background-break:|;",
                "bgbk:bb": "background-break:bounding-box;",
                "bgbk:eb": "background-break:each-box;",
                "bgbk:c": "background-break:continuous;",
                "bgcp": "background-clip:${1:padding-box};",
                "bgcp:bb": "background-clip:border-box;",
                "bgcp:pb": "background-clip:padding-box;",
                "bgcp:cb": "background-clip:content-box;",
                "bgcp:nc": "background-clip:no-clip;",
                "bgo": "background-origin:|;",
                "bgo:pb": "background-origin:padding-box;",
                "bgo:bb": "background-origin:border-box;",
                "bgo:cb": "background-origin:content-box;",
                "bgsz": "background-size:|;",
                "bgsz:a": "background-size:auto;",
                "bgsz:ct": "background-size:contain;",
                "bgsz:cv": "background-size:cover;",
                "c": "color:#${1:000};",
                "c:r": "color:rgb(${1:0}, ${2:0}, ${3:0});",
                "c:ra": "color:rgba(${1:0}, ${2:0}, ${3:0}, .${4:5});",
                "cm": "/* |${child} */",
                "cnt": "content:'|';",
                "cnt:n": "content:normal;",
                "cnt:oq": "content:open-quote;",
                "cnt:noq": "content:no-open-quote;",
                "cnt:cq": "content:close-quote;",
                "cnt:ncq": "content:no-close-quote;",
                "cnt:a": "content:attr(|);",
                "cnt:c": "content:counter(|);",
                "cnt:cs": "content:counters(|);",
    
                "tbl": "table-layout:|;",
                "tbl:a": "table-layout:auto;",
                "tbl:f": "table-layout:fixed;",
                "cps": "caption-side:|;",
                "cps:t": "caption-side:top;",
                "cps:b": "caption-side:bottom;",
                "ec": "empty-cells:|;",
                "ec:s": "empty-cells:show;",
                "ec:h": "empty-cells:hide;",
                "lis": "list-style:|;",
                "lis:n": "list-style:none;",
                "lisp": "list-style-position:|;",
                "lisp:i": "list-style-position:inside;",
                "lisp:o": "list-style-position:outside;",
                "list": "list-style-type:|;",
                "list:n": "list-style-type:none;",
                "list:d": "list-style-type:disc;",
                "list:c": "list-style-type:circle;",
                "list:s": "list-style-type:square;",
                "list:dc": "list-style-type:decimal;",
                "list:dclz": "list-style-type:decimal-leading-zero;",
                "list:lr": "list-style-type:lower-roman;",
                "list:ur": "list-style-type:upper-roman;",
                "lisi": "list-style-image:|;",
                "lisi:n": "list-style-image:none;",
                "q": "quotes:|;",
                "q:n": "quotes:none;",
                "q:ru": "quotes:'\00AB' '\00BB' '\201E' '\201C';",
                "q:en": "quotes:'\201C' '\201D' '\2018' '\2019';",
                "ct": "content:|;",
                "ct:n": "content:normal;",
                "ct:oq": "content:open-quote;",
                "ct:noq": "content:no-open-quote;",
                "ct:cq": "content:close-quote;",
                "ct:ncq": "content:no-close-quote;",
                "ct:a": "content:attr(|);",
                "ct:c": "content:counter(|);",
                "ct:cs": "content:counters(|);",
                "coi": "counter-increment:|;",
                "cor": "counter-reset:|;",
                "va": "vertical-align:${1:top};",
                "va:sup": "vertical-align:super;",
                "va:t": "vertical-align:top;",
                "va:tt": "vertical-align:text-top;",
                "va:m": "vertical-align:middle;",
                "va:bl": "vertical-align:baseline;",
                "va:b": "vertical-align:bottom;",
                "va:tb": "vertical-align:text-bottom;",
                "va:sub": "vertical-align:sub;",
                "ta": "text-align:${1:left};",
                "ta:l": "text-align:left;",
                "ta:c": "text-align:center;",
                "ta:r": "text-align:right;",
                "ta:j": "text-align:justify;",
                "ta-lst": "text-align-last:|;",
                "tal:a": "text-align-last:auto;",
                "tal:l": "text-align-last:left;",
                "tal:c": "text-align-last:center;",
                "tal:r": "text-align-last:right;",
                "td": "text-decoration:${1:none};",
                "td:n": "text-decoration:none;",
                "td:u": "text-decoration:underline;",
                "td:o": "text-decoration:overline;",
                "td:l": "text-decoration:line-through;",
                "te": "text-emphasis:|;",
                "te:n": "text-emphasis:none;",
                "te:ac": "text-emphasis:accent;",
                "te:dt": "text-emphasis:dot;",
                "te:c": "text-emphasis:circle;",
                "te:ds": "text-emphasis:disc;",
                "te:b": "text-emphasis:before;",
                "te:a": "text-emphasis:after;",
                "th": "text-height:|;",
                "th:a": "text-height:auto;",
                "th:f": "text-height:font-size;",
                "th:t": "text-height:text-size;",
                "th:m": "text-height:max-size;",
                "ti": "text-indent:|;",
                "ti:-": "text-indent:-9999px;",
                "tj": "text-justify:|;",
                "tj:a": "text-justify:auto;",
                "tj:iw": "text-justify:inter-word;",
                "tj:ii": "text-justify:inter-ideograph;",
                "tj:ic": "text-justify:inter-cluster;",
                "tj:d": "text-justify:distribute;",
                "tj:k": "text-justify:kashida;",
                "tj:t": "text-justify:tibetan;",
                "tov": "text-overflow:${ellipsis};",
                "tov:e": "text-overflow:ellipsis;",
                "tov:c": "text-overflow:clip;",
                "to": "text-outline:|;",
                "to+": "text-outline:${1:0} ${2:0} ${3:#000};",
                "to:n": "text-outline:none;",
                "tr": "text-replace:|;",
                "tr:n": "text-replace:none;",
                "tt": "text-transform:${1:uppercase};",
                "tt:n": "text-transform:none;",
                "tt:c": "text-transform:capitalize;",
                "tt:u": "text-transform:uppercase;",
                "tt:l": "text-transform:lowercase;",
                "tw": "text-wrap:|;",
                "tw:n": "text-wrap:normal;",
                "tw:no": "text-wrap:none;",
                "tw:u": "text-wrap:unrestricted;",
                "tw:s": "text-wrap:suppress;",
                "tsh": "text-shadow:${1:hoff} ${2:voff} ${3:blur} ${4:#000};",
                "tsh:r": "text-shadow:${1:h} ${2:v} ${3:blur} rgb(${4:0}, ${5:0}, ${6:0});",
                "tsh:ra": "text-shadow:${1:h} ${2:v} ${3:blur} rgba(${4:0}, ${5:0}, ${6:0}, .${7:5});",
                "tsh+": "text-shadow:${1:0} ${2:0} ${3:0} ${4:#000};",
                "tsh:n": "text-shadow:none;",
                "trf": "transform:|;",
                "trf:skx": "transform: skewX(${1:angle});",
                "trf:sky": "transform: skewY(${1:angle});",
                "trf:sc": "transform: scale(${1:x}, ${2:y});",
                "trf:scx": "transform: scaleX(${1:x});",
                "trf:scy": "transform: scaleY(${1:y});",
                "trf:scz": "transform: scaleZ(${1:z});",
                "trf:sc3": "transform: scale3d(${1:x}, ${2:y}, ${3:z});",
                "trf:r": "transform: rotate(${1:angle});",
                "trf:rx": "transform: rotateX(${1:angle});",
                "trf:ry": "transform: rotateY(${1:angle});",
                "trf:rz": "transform: rotateZ(${1:angle});",
                "trf:t": "transform: translate(${1:x}, ${2:y});",
                "trf:tx": "transform: translateX(${1:x});",
                "trf:ty": "transform: translateY(${1:y});",
                "trf:tz": "transform: translateZ(${1:z});",
                "trf:t3": "transform: translate3d(${1:tx}, ${2:ty}, ${3:tz});",
                "trfo": "transform-origin:|;",
                "trfs": "transform-style:${1:preserve-3d};",
                "trs": "transition:${1:prop} ${2:time};",
                "trsde": "transition-delay:${1:time};",
                "trsdu": "transition-duration:${1:time};",
                "trsp": "transition-property:${1:prop};",
                "trstf": "transition-timing-function:${1:tfunc};",
                "lh": "line-height:|;",
                "whs": "white-space:|;",
                "whs:n": "white-space:normal;",
                "whs:p": "white-space:pre;",
                "whs:nw": "white-space:nowrap;",
                "whs:pw": "white-space:pre-wrap;",
                "whs:pl": "white-space:pre-line;",
                "whsc": "white-space-collapse:|;",
                "whsc:n": "white-space-collapse:normal;",
                "whsc:k": "white-space-collapse:keep-all;",
                "whsc:l": "white-space-collapse:loose;",
                "whsc:bs": "white-space-collapse:break-strict;",
                "whsc:ba": "white-space-collapse:break-all;",
                "wob": "word-break:|;",
                "wob:n": "word-break:normal;",
                "wob:k": "word-break:keep-all;",
                "wob:ba": "word-break:break-all;",
                "wos": "word-spacing:|;",
                "wow": "word-wrap:|;",
                "wow:nm": "word-wrap:normal;",
                "wow:n": "word-wrap:none;",
                "wow:u": "word-wrap:unrestricted;",
                "wow:s": "word-wrap:suppress;",
                "wow:b": "word-wrap:break-word;",
                "wm": "writing-mode:${1:lr-tb};",
                "wm:lrt": "writing-mode:lr-tb;",
                "wm:lrb": "writing-mode:lr-bt;",
                "wm:rlt": "writing-mode:rl-tb;",
                "wm:rlb": "writing-mode:rl-bt;",
                "wm:tbr": "writing-mode:tb-rl;",
                "wm:tbl": "writing-mode:tb-lr;",
                "wm:btl": "writing-mode:bt-lr;",
                "wm:btr": "writing-mode:bt-rl;",
                "lts": "letter-spacing:|;",
                "lts-n": "letter-spacing:normal;",
                "f": "font:|;",
                "f+": "font:${1:1em} ${2:Arial,sans-serif};",
                "fw": "font-weight:|;",
                "fw:n": "font-weight:normal;",
                "fw:b": "font-weight:bold;",
                "fw:br": "font-weight:bolder;",
                "fw:lr": "font-weight:lighter;",
                "fs": "font-style:${italic};",
                "fs:n": "font-style:normal;",
                "fs:i": "font-style:italic;",
                "fs:o": "font-style:oblique;",
                "fv": "font-variant:|;",
                "fv:n": "font-variant:normal;",
                "fv:sc": "font-variant:small-caps;",
                "fz": "font-size:|;",
                "fza": "font-size-adjust:|;",
                "fza:n": "font-size-adjust:none;",
                "ff": "font-family:|;",
                "ff:s": "font-family:serif;",
                "ff:ss": "font-family:sans-serif;",
                "ff:c": "font-family:cursive;",
                "ff:f": "font-family:fantasy;",
                "ff:m": "font-family:monospace;",
                "ff:a": "font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;",
                "ff:t": "font-family: "Times New Roman", Times, Baskerville, Georgia, serif;",
                "ff:v": "font-family: Verdana, Geneva, sans-serif;",
                "fef": "font-effect:|;",
                "fef:n": "font-effect:none;",
                "fef:eg": "font-effect:engrave;",
                "fef:eb": "font-effect:emboss;",
                "fef:o": "font-effect:outline;",
                "fem": "font-emphasize:|;",
                "femp": "font-emphasize-position:|;",
                "femp:b": "font-emphasize-position:before;",
                "femp:a": "font-emphasize-position:after;",
                "fems": "font-emphasize-style:|;",
                "fems:n": "font-emphasize-style:none;",
                "fems:ac": "font-emphasize-style:accent;",
                "fems:dt": "font-emphasize-style:dot;",
                "fems:c": "font-emphasize-style:circle;",
                "fems:ds": "font-emphasize-style:disc;",
                "fsm": "font-smooth:|;",
                "fsm:a": "font-smooth:auto;",
                "fsm:n": "font-smooth:never;",
                "fsm:aw": "font-smooth:always;",
                "fst": "font-stretch:|;",
                "fst:n": "font-stretch:normal;",
                "fst:uc": "font-stretch:ultra-condensed;",
                "fst:ec": "font-stretch:extra-condensed;",
                "fst:c": "font-stretch:condensed;",
                "fst:sc": "font-stretch:semi-condensed;",
                "fst:se": "font-stretch:semi-expanded;",
                "fst:e": "font-stretch:expanded;",
                "fst:ee": "font-stretch:extra-expanded;",
                "fst:ue": "font-stretch:ultra-expanded;",
                "op": "opacity:|;",
                "op+": "opacity: $1;
    filter: alpha(opacity=$2);",
                "op:ie": "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);",
                "op:ms": "-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';",
                "rsz": "resize:|;",
                "rsz:n": "resize:none;",
                "rsz:b": "resize:both;",
                "rsz:h": "resize:horizontal;",
                "rsz:v": "resize:vertical;",
                "cur": "cursor:${pointer};",
                "cur:a": "cursor:auto;",
                "cur:d": "cursor:default;",
                "cur:c": "cursor:crosshair;",
                "cur:ha": "cursor:hand;",
                "cur:he": "cursor:help;",
                "cur:m": "cursor:move;",
                "cur:p": "cursor:pointer;",
                "cur:t": "cursor:text;",
                "pgbb": "page-break-before:|;",
                "pgbb:au": "page-break-before:auto;",
                "pgbb:al": "page-break-before:always;",
                "pgbb:l": "page-break-before:left;",
                "pgbb:r": "page-break-before:right;",
                "pgbi": "page-break-inside:|;",
                "pgbi:au": "page-break-inside:auto;",
                "pgbi:av": "page-break-inside:avoid;",
                "pgba": "page-break-after:|;",
                "pgba:au": "page-break-after:auto;",
                "pgba:al": "page-break-after:always;",
                "pgba:l": "page-break-after:left;",
                "pgba:r": "page-break-after:right;",
                "orp": "orphans:|;",
                "us": "user-select:${none};",
                "wid": "widows:|;",
                "wfsm": "-webkit-font-smoothing:${antialiased};",
                "wfsm:a": "-webkit-font-smoothing:antialiased;",
                "wfsm:s": "-webkit-font-smoothing:subpixel-antialiased;",
                "wfsm:sa": "-webkit-font-smoothing:subpixel-antialiased;",
                "wfsm:n": "-webkit-font-smoothing:none;"
            }
        },
        
        "html": {
            "filters": "html",
            "profile": "html",
            "snippets": {
                "!!!":    "<!DOCTYPE html>",
                "!!!4t":  "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">",
                "!!!4s":  "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">",
                "!!!xt":  "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">",
                "!!!xs":  "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">",
                "!!!xxs": "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">",
    
                "c": "<!-- |${child} -->",
                "cc:ie6": "<!--[if lte IE 6]>
    	${child}|
    <![endif]-->",
                "cc:ie": "<!--[if IE]>
    	${child}|
    <![endif]-->",
                "cc:noie": "<!--[if !IE]><!-->
    	${child}|
    <!--<![endif]-->"
            },
            
            "abbreviations": {
                "!": "html:5",
                "a": "<a href="">",
                "a:link": "<a href="http://|">",
                "a:mail": "<a href="mailto:|">",
                "abbr": "<abbr title="">",
                "acr|acronym": "<acronym title="">",
                "base": "<base href="" />",
                "basefont": "<basefont/>",
                "br": "<br/>",
                "frame": "<frame/>",
                "hr": "<hr/>",
                "bdo": "<bdo dir="">",
                "bdo:r": "<bdo dir="rtl">",
                "bdo:l": "<bdo dir="ltr">",
                "col": "<col/>",
                "link": "<link href="" rel="stylesheet" />",
                "link:css": "<link href="${1:style}.css" rel="stylesheet" />",
                "link:print": "<link rel="stylesheet" href="${1:print}.css" media="print" />",
                "link:favicon": "<link rel="shortcut icon" type="image/x-icon" href="${1:favicon.ico}" />",
                "link:touch": "<link rel="apple-touch-icon" href="${1:favicon.png}" />",
                "link:rss": "<link rel="alternate" type="application/rss+xml" title="RSS" href="${1:rss.xml}" />",
                "link:atom": "<link rel="alternate" type="application/atom+xml" title="Atom" href="${1:atom.xml}" />",
                "link:im|link:import": "<link rel="import" href="${1:component}.html" />",
                "meta": "<meta/>",
                "meta:utf": "<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />",
                "meta:win": "<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />",
                "meta:vp": "<meta name="viewport" content="width=${1:device-width}, user-scalable=${2:no}, initial-scale=${3:1.0}, maximum-scale=${4:1.0}, minimum-scale=${5:1.0}" />",
                "meta:compat": "<meta http-equiv="X-UA-Compatible" content="${1:IE=7}" />",
                "style": "<style>",
                "script": "<script !src="">",
                "script:src": "<script src="*.js">",
                "img": "<img src="" alt="" />",
                "img:s|img:srcset": "<img srcset="" src="" alt="" />",
                "img:z|img:sizes": "<img sizes="" srcset="" src="" alt="" />",
                "picture": "<picture>",
                "src|source": "<source/>",
                "src:sc|source:src": "<source src="" type=""/>",
                "src:s|source:srcset": "<source srcset=""/>",
                "src:m|source:media": "<source media="(${1:min- })" srcset=""/>",
                "src:t|source:type": "<source srcset="|" type="${1:image/}"/>",
                "src:z|source:sizes": "<source sizes="" srcset=""/>",
                "src:mt|source:media:type": "<source media="(${1:min- })" srcset="" type="${2:image/}"/>",
                "src:mz|source:media:sizes": "<source media="(${1:min- })" sizes="" srcset=""/>",
                "src:zt|source:sizes:type": "<source sizes="" srcset="" type="${1:image/}"/>",
                "iframe": "<iframe src="" frameborder="0">",
                "embed": "<embed src="" type="" />",
                "object": "<object data="" type="">",
                "param": "<param name="" value="" />",
                "map": "<map name="">",
                "area": "<area shape="" coords="" href="" alt="" />",
                "area:d": "<area shape="default" href="" alt="" />",
                "area:c": "<area shape="circle" coords="" href="" alt="" />",
                "area:r": "<area shape="rect" coords="" href="" alt="" />",
                "area:p": "<area shape="poly" coords="" href="" alt="" />",
                "form": "<form action="">",
                "form:get": "<form action="" method="get">",
                "form:post": "<form action="" method="post">",
                "label": "<label for="">",
                "input": "<input type="${1:text}" />",
                "inp": "<input type="${1:text}" name="" id="" />",
                "input:h|input:hidden": "input[type=hidden name]",
                "input:t|input:text": "inp",
                "input:search": "inp[type=search]",
                "input:email": "inp[type=email]",
                "input:url": "inp[type=url]",
                "input:p|input:password": "inp[type=password]",
                "input:datetime": "inp[type=datetime]",
                "input:date": "inp[type=date]",
                "input:datetime-local": "inp[type=datetime-local]",
                "input:month": "inp[type=month]",
                "input:week": "inp[type=week]",
                "input:time": "inp[type=time]",
                "input:tel": "inp[type=tel]",
                "input:number": "inp[type=number]",
                "input:color": "inp[type=color]",
                "input:c|input:checkbox": "inp[type=checkbox]",
                "input:r|input:radio": "inp[type=radio]",
                "input:range": "inp[type=range]",
                "input:f|input:file": "inp[type=file]",
                "input:s|input:submit": "<input type="submit" value="" />",
                "input:i|input:image": "<input type="image" src="" alt="" />",
                "input:b|input:button": "<input type="button" value="" />",
                "isindex": "<isindex/>",
                "input:reset": "input:button[type=reset]",
                "select": "<select name="" id="">",
                "select:d|select:disabled": "select[disabled.]",
                "opt|option": "<option value="">",
                "textarea": "<textarea name="" id="" cols="${1:30}" rows="${2:10}">",
                "marquee": "<marquee behavior="" direction="">",
                "menu:c|menu:context": "menu[type=context]>",
                "menu:t|menu:toolbar": "menu[type=toolbar]>",
                "video": "<video src="">",
                "audio": "<audio src="">",
                "html:xml": "<html xmlns="http://www.w3.org/1999/xhtml">",
                "keygen": "<keygen/>",
                "command": "<command/>",
                "btn:s|button:s|button:submit" : "button[type=submit]",
                "btn:r|button:r|button:reset" : "button[type=reset]",
                "btn:d|button:d|button:disabled" : "button[disabled.]",
                "fst:d|fset:d|fieldset:d|fieldset:disabled" : "fieldset[disabled.]",
                
                "bq": "blockquote",
                "fig": "figure",
                "figc": "figcaption",
                "pic": "picture",
                "ifr": "iframe",
                "emb": "embed",
                "obj": "object",
                "cap": "caption",
                "colg": "colgroup",
                "fst": "fieldset",
                "btn": "button",
                "optg": "optgroup",
                "tarea": "textarea",
                "leg": "legend",
                "sect": "section",
                "art": "article",
                "hdr": "header",
                "ftr": "footer",
                "adr": "address",
                "dlg": "dialog",
                "str": "strong",
                "prog": "progress",
                "mn": "main",
                "tem": "template",
                "fset": "fieldset",
                "datag": "datagrid",
                "datal": "datalist",
                "kg": "keygen",
                "out": "output",
                "det": "details",
                "cmd": "command",
                "doc": "html>(head>meta[charset=${charset}]+title{${1:Document}}+link:css)+body+script:src",
                "doc4": "html>(head>meta[http-equiv="Content-Type" content="text/html;charset=${charset}"]+title{${1:Document}})+body",
    
                "ri:d|ri:dpr": "img:s",
                "ri:v|ri:viewport": "img:z",
                "ri:a|ri:art": "pic>src:m+img",
                "ri:t|ri:type": "pic>src:t+img",
    
                "html:4t":  "!!!4t+doc4[lang=${lang}]",
                "html:4s":  "!!!4s+doc4[lang=${lang}]",
                "html:xt":  "!!!xt+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]",
                "html:xs":  "!!!xs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]",
                "html:xxs": "!!!xxs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]",
                "html:5":   "!!!+doc[lang=${lang}]",
                
                "ol+": "ol>li",
                "ul+": "ul>li",
                "dl+": "dl>dt+dd",
                "map+": "map>area",
                "table+": "table>tr>td",
                "colgroup+": "colgroup>col",
                "colg+": "colgroup>col",
                "tr+": "tr>td",
                "select+": "select>option",
                "optgroup+": "optgroup>option",
                "optg+": "optgroup>option",
                "pic+": "picture>source:srcset+img"
            }
        },
        
        "xml": {
            "extends": "html",
            "profile": "xml",
            "filters": "html"
        },
        
        "xsl": {
            "extends": "html",
            "profile": "xml",
            "filters": "html, xsl",
            "abbreviations": {
                "tm|tmatch": "<xsl:template match="" mode="">",
                "tn|tname": "<xsl:template name="">",
                "call": "<xsl:call-template name=""/>",
                "ap": "<xsl:apply-templates select="" mode=""/>",
                "api": "<xsl:apply-imports/>",
                "imp": "<xsl:import href=""/>",
                "inc": "<xsl:include href=""/>",
    
                "ch": "<xsl:choose>",
                "wh|xsl:when": "<xsl:when test="">",
                "ot": "<xsl:otherwise>",
                "if": "<xsl:if test="">",
    
                "par": "<xsl:param name="">",
                "pare": "<xsl:param name="" select=""/>",
                "var": "<xsl:variable name="">",
                "vare": "<xsl:variable name="" select=""/>",
                "wp": "<xsl:with-param name="" select=""/>",
                "key": "<xsl:key name="" match="" use=""/>",
    
                "elem": "<xsl:element name="">",
                "attr": "<xsl:attribute name="">",
                "attrs": "<xsl:attribute-set name="">",
    
                "cp": "<xsl:copy select=""/>",
                "co": "<xsl:copy-of select=""/>",
                "val": "<xsl:value-of select=""/>",
                "for|each": "<xsl:for-each select="">",
                "tex": "<xsl:text></xsl:text>",
    
                "com": "<xsl:comment>",
                "msg": "<xsl:message terminate="no">",
                "fall": "<xsl:fallback>",
                "num": "<xsl:number value=""/>",
                "nam": "<namespace-alias stylesheet-prefix="" result-prefix=""/>",
                "pres": "<xsl:preserve-space elements=""/>",
                "strip": "<xsl:strip-space elements=""/>",
                "proc": "<xsl:processing-instruction name="">",
                "sort": "<xsl:sort select="" order=""/>",
    
                "choose+": "xsl:choose>xsl:when+xsl:otherwise",
                "xsl": "!!!+xsl:stylesheet[version=1.0 xmlns:xsl=http://www.w3.org/1999/XSL/Transform]>{
    |}"
            }, 
            "snippets": {
                "!!!": "<?xml version="1.0" encoding="utf-8"?>"
            }
        },
        
        "haml": {
            "filters": "haml",
            "extends": "html",
            "profile": "xml"
        },
    
        "jade": {
            "filters": "jade",
            "extends": "html",
            "profile": "xml"
        },
    
        "slim": {
            "filters": "slim",
            "extends": "html",
            "profile": "xml"
        },
        
        "scss": {
            "extends": "css"
        },
        
        "sass": {
            "extends": "css"
        },
        
        "less": {
            "extends": "css"
        },
        
        "stylus": {
            "extends": "css"
        },
    
        "styl": {
            "extends": "stylus"
        }
    }
    View Code

    4、修改后的效果:

    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
        <meta charset="utf-8">
        <title>Document</title>
        <link href="style.css" rel="stylesheet">
    </head>
    <body>
        
    </body>
    <script src="*.js"></script>
    </html>

     参考:

    http://www.zjgsq.com/1062.html

    http://www.iteye.com/news/27580

    http://www.w3cplus.com/tools/emmet-cheat-sheet.html

    http://www.tuicool.com/articles/InaiUz

  • 相关阅读:
    URL中增加BASE64加密的字符串引起的问题(java.net.MalformedURLException:Illegal character in URL)
    读《暗时间》总结
    假设写一个android桌面滑动切换屏幕的控件(一)
    JDBC Connection Reset问题分析
    深度学习工具caffe具体安装指南
    TS2
    TS 函数解析
    typescript
    响应式网页设计:rem、em设置网页字体大小自适应
    一看就懂得移动端rem布局、rem如何换算
  • 原文地址:https://www.cnblogs.com/hemi/p/4284120.html
Copyright © 2011-2022 走看看