我的配置

配置文件

sublime配置

{
    "auto_complete_triggers":
    [
        {
            "characters": "<",
            "selector": "text.html"
        },
        {
            "characters": "/",
            "selector": "string.quoted.double.html,string.quoted.single.html, source.css"
        }
    ],
    "auto_find_in_selection": true,
    "bold_folder_labels": true,
    "caret_style": "phase",
    "color_scheme": "Packages/Colorcoder/Boxy Monokai (Colorcoded).tmTheme",
    "draw_minimap_border": true,
    "draw_white_space": "all",
    "ensure_newline_at_eof_on_save": true,
    "fade_fold_buttons": false,
    "font_face": "Microsoft YaHei Mono",
    "font_size": 15,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "ignored_packages":
    [
        "ActionScript",
        "ASP",
        "auto-save",
        "BlameHighlighter",
        "Bootstrap 3 Autocomplete",
        "C#",
        "Clickable URLs",
        "Compare Side-By-Side",
        "ESLint",
        "JavaScript Enhancements",
        "JSONLint",
        "JsPrettier",
        "LiveReload",
        "React Development Snippets",
        "React Templates",
        "ReactJS",
        "sublimelint",
        "SublimeLinter",
        "SublimeLinter-csslint",
        "SublimeLinter-eslint",
        "SublimeLinter-jshint",
        "SublimeLinter-jsl",
        "SublimeLinter-json",
        "SublimeLinter-jsxhint",
        "SummitLinter",
        "Vintage"
    ],
    "line_padding_bottom": 1,
    "line_padding_top": 1,
    "mdpopups.default_formatting": false,
    "original_color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",
    "preview_on_click": false,
    "rulers":
    [
        80,
        100
    ],
    "save_on_focus_lost": false,
    "scroll_past_end": true,
    "show_encoding": true,
    "show_full_path": true,
    "show_line_endings": true,
    "spell_check": false,
    "tab_size": 2,
    "theme": "Boxy Monokai.sublime-theme",
    "theme_accent_tangerine": true,
    "theme_autocomplete_item_selected_colored": true,
    "theme_bar_margin_top_sm": true,
    "theme_dropdown_atomized": true,
    "theme_find_panel_close_hidden": true,
    "theme_font_md": true,
    "theme_icon_button_highlighted": true,
    "theme_icons_flat": true,
    "theme_panel_switcher_atomized": true,
    "theme_quick_panel_item_selected_colored": true,
    "theme_quick_panel_size_md": true,
    "theme_scrollbar_colored": true,
    "theme_scrollbar_line": true,
    "theme_sidebar_close_always_visible": true,
    "theme_sidebar_folder_atomized": true,
    "theme_size_md": true,
    "theme_statusbar_font_md": true,
    "theme_statusbar_size_sm": true,
    "theme_tab_close_always_visible": true,
    "theme_tab_selected_overlined": true,
    "theme_tab_size_md": true,
    "theme_tooltips_font_sm": true,
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true,
    "update_check": false,
    "word_separators": true,
    "word_wrap": true
}

packagecontrol安装的插件

{
    "bootstrapped": true,
    "channels":
    [
        "D:\\configuration\\jslibary\\channel_v3.json"
        // https://github.com/HBLong/channel_v3_daily
    ],
    "in_process_packages":
    [
    ],
    "installed_packages":
    [
        "42 Headers",
        "A File Icon",
        "AceJump",
        "AdvancedNewFile",
        "Agila Theme",
        "Alignment",
        "All Autocomplete",
        "Auto Close HTML Tags",
        "auto-save",
        "AutoAligner",
        "AutoFileName",
        "Autoprefixer",
        "AutoWrap",
        "Better Completion",
        "BlameHighlighter",
        "Bootstrap 3 Autocomplete",
        "Bootstrap 4 Autocomplete",
        "Bootstrap 4 Snippets",
        "Boxy Theme",
        "Bracketeer",
        "BracketHighlighter",
        "ChineseLocalizations",
        "Clickable URLs",
        "CodeFormatter",
        "Color Highlighter",
        "Colorcoder",
        "ColorPick",
        "ColorPicker",
        "Colorsublime",
        "Compare Side-By-Side",
        "ConvertToUTF8",
        "CSS Comments",
        "CSS Extended Completions",
        "CSS Format",
        "CSS3",
        "CSScomb",
        "CTags",
        "DocBlockr",
        "EditorConfig",
        "EditorConfigSnippets",
        "Emmet",
        "Emmet Css Snippets",
        "Emmet Style Reflector",
        "ESLint",
        "FileBrowser",
        "FileHeader",
        "GBK Support",
        "Highlight",
        "HTML Extended",
        "HTML-CSS-JS Prettify",
        "HTML5",
        "HTMLAttributes",
        "HTMLBeautify",
        "Http Requester",
        "IMESupport",
        "Insert Callback",
        "JavaScript Console",
        "JavaScript Next Snippets",
        "JavaScript Snippets",
        "JavaScriptNext - ES6 Syntax",
        "jQuery",
        "jQueryDocs",
        "JS Snippets",
        "JsFormat",
        "JSONLint",
        "JsPrettier",
        "Keymaps",
        "LiveCode",
        "LiveReload",
        "LiveStyle",
        "Monokai Extended",
        "MultiEditUtils",
        "Nettuts+ Fetch",
        "Package Control",
        "PackageResourceViewer",
        "Placeholders",
        "PlainTasks",
        "Pretty JSON",
        "QuoteHTML",
        "Rainbowth",
        "React Development Snippets",
        "React IDE",
        "React Templates",
        "ReactJS",
        "SideBarEnhancements",
        "Sublime Tutor",
        "SublimeCodeIntel",
        "SublimeEnhancedUtilitiesSet",
        "sublimelint",
        "SublimeLinter",
        "SublimeLinter-csslint",
        "SublimeLinter-eslint",
        "SublimeLinter-jshint",
        "SublimeLinter-jsl",
        "SublimeLinter-json",
        "SublimeLinter-jsxhint",
        "SublimeREPL",
        "SublimeServer",
        "SummitLinter",
        "Sync Settings",
        "SyncedSideBar",
        "Terminality",
        "TrailingSpaces",
        "Translate-CN",
        "Trimmer",
        "TypeScript",
        "TypescriptCompletion",
        "View In Browser",
        "Vue Syntax Highlight",
        "VueFormatter",
        "Vuejs Complete Package",
        "Vuejs Snippets",
        "WakaTime",
        "Web Inspector"
    ]
}

emmet plus配置

{
  // Emmet 偏好设置
  // Doc: http://docs.emmet.io/customization/preferences/
  "preferences": {
    "css.unitAliases": "c:ch, d:deg, g:grad, r:rad, t:turn,    e:em, p:%, x:ex, r:rem",
    "css.keywords": "none, initial, unset,    auto, inherit, all",
    "css.keywordAliases": "n:none, ih:inherit, ii:initial, db:double, u:unset,     a:auto, s:solid, da:dashed, do:dotted, t:transparent",
    "css.unitlessProperties": "animation-iteration-count, counter-increment, font-size-adjust, flex-grow, flex-shrink, order, column-count, orphans, widows, shape-image-threshold, mask-box-outset,    z-index, line-height, opacity, font-weight, zoom"
  },

  // 代码片段扩展
  // Doc: https://github.com/emmetio/emmet/blob/master/snippets.json
  "snippets": {
    "variables": {
        "lang": "zh-cn",
        "color": "#ccc",
        "bg-color": "#ccc"
    },

    "css": {
        "filters": "html",
        "snippets": {
            "co": "color:#${1:333};",
            "co:f": "color:#${fff};",
            "ccur":"color:currentColor;",

            "c:hsl": "color:hsl(${1:0}, ${2:0%}, ${3:0%});",
            "c:hsla": "color:hsla(${1:0}, ${2:0%}, ${3:0%}, .${4:5});",
            "bg:hsl": "background:hsl(${1:0}, ${2:0%}, ${3:0%});",
            "bg:hsla": "background:hsla(${1:0}, ${2:0%}, ${3:0%}, .${4:5});",
            "bgc:hsl": "background-color:hsl(${1:0}, ${2:0%}, ${3:0%});",
            "bgc:hsla": "background-color:hsla(${1:0}, ${2:0%}, ${3:0%}, .${4:5});",

            "ct": "content: '${1}';${2}",

            "objp": "object-position:${1:50%} ${2:50%};",
            "objp:c": "object-position:center center;",
            "objp:t": "object-position:top;",

            "objf": "object-fit:${fill};",
            "objf:ct": "object-fit:contain;",
            "objf:cv": "object-fit:cover;",
            "objf:s": "object-fit:scale-down;",
            "objf:n": "object-fit:none;",

            "ovs": "-ms-overflow-style: -ms-autohiding-scrollbar;\n-webkit-overflow-scrolling: touch;",

            "imgr": "image-resolution:from-image;",
            "imgr:s": "image-resolution:snap;",
            "imgr:fs": "image-resolution:from-image snap;",
            "imgr:sf": "image-resolution:snap from-image;",
            "imgr+": "image-resolution:300dpi from-image snap;",

            "imgo": "image-orientation:;",

            "c": "/* $1 */|",
            "cm": "/**\n * $1\n${2:${4: * @file:     }\n${5: * @author:   }\n${6: * @update:   }\n${7: * @note:     }\n${8: * @doc:      }}\n */\n|",
            "c1": "/* ==========================================================================\n   ${1:1级区块标题}\n   ========================================================================== */\n|",
            "c2": "/* --------------------------------------------------------------------------\n   ${1:2级区块标题}\n   -------------------------------------------------------------------------- */\n|",
            "fsm": "-webkit-font-smoothing: antialiased;\n-moz-osx-font-smoothing: grayscale; /* Firefox 25+ */",
            "fsm:s": "-webkit-font-smoothing: subpixel-antialiased; /* 默认值 */",
            "fsm:a": "-webkit-font-smoothing: auto;\n-moz-osx-font-smoothing: auto;",
            "fsm:n": "-webkit-font-smoothing: none;",

            "f": "float:${none};",
            "f:n": "float:${none};",
            "f:l": "float:left;",
            "fl": "float:left;",
            "f:r": "float:right;",

            "fo": "font:|;",
            "fst": "font-style:${normal};",
            "fst:n": "font-style:normal;",
            "fst:i": "font-style:italic;",
            "fst:o": "font-style:oblique;",
            "fs": "font-size:${medium};",
            "fsa": "font-size-adjust:|;",
            "fsa:n": "font-size-adjust:none;",

            "@c": "@charset \"utf-8\";",
            "@f": "@font-face {\n\tfont-family: |;\n\tsrc: local('|'), url(|);|\n}",

            "@kf": "@-webkit-keyframes ${1:identifier} {\n\t${2:0%} {\n\t\t${3}\n\t}${6}\n\t${4:100%} {\n\t\t${5}\n\t}\n}\n@-moz-keyframes ${1:identifier} {\n\t${2:0%} {\n\t\t${3}\n\t}${6}\n\t${4:100%} {\n\t\t${5}\n\t}\n}\n}\n@-o-keyframes ${1:identifier} {\n\t${2:0%} {\n\t\t${3}\n\t}${6}\n\t${4:100%} {\n\t\t${5}\n\t}\n}\n}\n@keyframes ${1:identifier} {\n\t${2:0%} {\n\t\t${3}\n\t}${6}\n\t${4:100%} {\n\t\t${5}\n\t}\n}\n}",

            "@ff": "@font-face {\n\tfont-family: '${1:FontName}';\n\tsrc: url('${2:FileName}.eot'); /* IE9+ */\n\tsrc: url('${2:FileName}.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n\t\t url('${2:FileName}.woff') format('woff'), /* Chrome,Firefox */\n\t\t url('${2:FileName}.ttf') format('truetype'), /* Chrome,Firefox,Opera,Safari,Android, iOS 4.2+ */\n\t\t url('${2:FileName}.svg#${1:FontName}') format('svg'); /* iOS 4.1- */${3}\n}",
            "unicode-range": "unicode-range: U+0-10FFFF; /* 默认值 */",
            "src:l": "src:\n\tlocal('${1:font-name}'),\n\turl(${2:font-url});",

            "placeholder": "/* Firefox 18- */\ninput:-moz-placeholder, textarea:-moz-placeholder {\n\tcolor: ${1:darkGray};\n}\n/* Firefox 19+ */\ninput::-moz-placeholder, textarea::-moz-placeholder {\n\tcolor: ${1:darkGray};\n}\n/* IE10+ */\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n\tcolor: ${1:darkGray};\n}\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder {\n\tcolor: ${1:darkGray};\n}",
            "placeholderfocus": "/* Firefox 18- */\ninput:focus:-moz-placeholder, textarea:focus:-moz-placeholder {\n\tcolor: ${1:darkGray};\n}\n/* Firefox 19+ */\ninput:focus::-moz-placeholder, textarea:focus::-moz-placeholder {\n\tcolor: ${1:darkGray};\n}\n/* IE10+ */\ninput:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {\n\tcolor: ${1:darkGray};\n}\ninput:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {\n\tcolor: ${1:darkGray};\n}",
            "selection": "::-moz-selection{\n\tbackground: #${1:b3d4fc};\n\ttext-shadow: none;\n}\n::selection{\n\tbackground: #${1:b3d4fc};\n\ttext-shadow: none;\n}",
            "clip": "clip: rect(${1:0px}, ${1:0px}, ${1:0px}, ${1:0px});",
            "clip:inset": "clip: inset(${1:0px}, ${1:0px}, ${1:0px}, ${1:0px});",
            "transparent": "transparent",
            "bdra": "border-radius:|;",
            "bdra+": "border-top-left-radius: ${1};\nborder-top-right-radius: ${1};\nborder-bottom-right-radius: ${1};\nborder-bottom-left-radius: ${1};\nborder-radius: ${1};",
            "bg": "background:url(${1}) ${2:0} ${3:0}${4: ${5:no-}repeat${6}};",
            "bg+": "background:${1:#fff }url(${2}) ${3:50%} ${4:50%}${5: ${6:no-}repeat${7}};",
            "bg2": "background: url(${2:图片1}) ${3:50%} ${4:50%} / ${5:(bg-size)}${6:100%}${7:,contain} ${8:no-repeat} ${9:(bg-origin)}${10:padding-box} ${11:(bg-clip)}${12:border-box} ${13:fixed},\n           url(${14:图片2}) ${15:#fff};/* 背景色始终写到最后 */\n|",
            "bg3": "background: url(${2:图片1}) ${3:50%} ${4:50%} / ${5:(bg-size)}${6:100%}${7:,contain} ${8:no-repeat} ${9:(bg-origin)}${10:padding-box} ${11:(bg-clip)}${12:border-box} ${13:fixed},\n           url(${14:图片2}) ${15:50%} ${16:50%} ${17:no-repeat},\n           url(${18:图片3}) ${19:50%} ${20:50%} ${21:no-repeat} ${22:#fff};/* 背景色始终写到最后 */\n|",

             "bg:ie": "_background: none;\n_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:x.png}', sizingMethod='${2:crop}');",

            "bgr": "background-repeat: no-repeat;",
            "bgr:sp": "background-repeat: space; /* 自动缩放直到适应且填充满整个容器 */",
            "bgr:rd": "background-repeat: round; /* 以相同的间距平铺且填充满整个容器或某个方向 */",
            "bga:l": "background-attachment: local;",
            "bgp": "background-position: ${1:x} ${2:y};",
            "bgp+": "background-position: ${1:bottom 10px} ${2:right 10px};",
            "bgo": "background-origin: padding-box;",
            "bgcp": "background-clip: border-box;",
            "bgcp:t": "background-clip: text; /* 仅 WebKit 支持 */",
            "bgsz:ct": "background-size: contain; /* 等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内 */",
            "bgsz:cv": "background-size: cover; /* 等比缩放到完全覆盖容器，背景图像有可能超出容器 */",
            "bgi:s": "background-image: -webkit-image-set(\n                  url(${1}) 1x,\n                  url(${2}) 2x); /* Retina Safari 6+,Chrome 21+ */\n",
            "bgi+": "@media\n\tonly screen and (-o-min-device-pixel-ratio: 2/1), /* Opera */\n\tonly screen and (min--moz-device-pixel-ratio: 2), /* Firefox 16 之前 */\n\tonly screen and (-moz-min-device-pixel-ratio: 2), /* Firefox */\n\tonly screen and (-webkit-min-device-pixel-ratio: 2), /* WebKit */\n\tonly screen and (min-resolution: 192dpi), /* 不支持dppx的浏览器 */\n\tonly screen and (min-resolution: 2dppx) /* 标准 */\n{\n\t${1:.selector}{\n\t\tbackground-image:url(${2});/* Retina */\n\t\tbackground-size: ${3:图片宽度÷2}px ${4:图片高度÷2}px;\n\t}\n}\n",
            "checked": ":checked {\n\t|${child}\n}",
            "rsz": "resize:both;\noverflow:auto;",
            "rsz:b": "resize:both;\noverflow:auto;",
            "rsz:h": "resize:horizontal;\noverflow:auto;",
            "rsz:v": "resize:vertical;\noverflow:auto;",
            "k": "{\n\t|${child}\n}",

            "d:fx": "display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */\ndisplay: -moz-box; /* Firefox 17- */\ndisplay: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */\ndisplay: -moz-flex; /* Firefox 18+ */\ndisplay: -ms-flexbox; /* IE 10 */\ndisplay: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */",
            "d:ifx": "display: -ms-inline-flexbox;\ndisplay: -webkit-inline-flex;\ndisplay: -moz-inline-flex; /* Firefox 18+ */\ndisplay: inline-flex;",

            "fx": "/* 伸缩容器内的子元素如何分配空间 */\n-webkit-box-flex: ${1:0};\n-moz-box-flex: ${1:0};\n-webkit-flex: ${1:0} ${2:1} ${3:auto};\n-ms-flex: ${1:0} ${2:1} ${3:auto};\nflex: ${1:0} ${2:1} ${3:auto};",

            "fxg": "/* 伸缩项目的扩展比率 */\n-webkit-flex-grow: ${1:0}; /* Chrome 21+ */\n-moz-flex-grow: ${1:0}; /* Firefox 18-20 */\nflex-grow: ${1:0}; /* Chrome 29+, Opera 12.1 */",

            "fxs": "/* 伸缩项目的收缩比率 */\n-webkit-flex-shrink: ${1:1}; /* Chrome 21+ */\n-moz-flex-shrink: ${1:1}; /* Firefox 18-20 */\nflex-shrink: ${1:1}; /* Chrome 29+, Opera 12.1 */",

            "fxb": "/* 伸缩基准值 */\n-webkit-flex-basis: ${1:auto}; /* Chrome 21+ */\n-moz-flex-basis: ${1:auto}; /* Firefox 18-22 */\nflex-basis: ${1:auto}; /* Chrome 29+, Opera 12.1 */",

            "fxf": "-webkit-flex-flow:${1:row} ${2:nowrap};\nflex-flow:${1:row} ${2:nowrap}; /* Fiefox 28+ */",
            "fxf:rw": "-webkit-flex-flow:${1:row} ${2:wrap};\nflex-flow:${1:row} ${2:wrap};",
            "fxf:cn": "-webkit-flex-flow:${1:column} ${2:nowrap};\nflex-flow:${1:column} ${2:nowrap};",
            "fxf:cw": "-webkit-flex-flow:${1:column} ${2:wrap};\nflex-flow:${1:column} ${2:wrap};",
            "fxf:cwr": "-webkit-flex-flow:${1:column} ${2:wrap-reverse};\nflex-flow:${1:column} ${2:wrap-reverse};",

            "fxw": "-webkit-flex-wrap: ${1:nowrap};\n-ms-flex-wrap: ${1:nowrap};\nflex-wrap: ${1:nowrap};/* Fiefox 28+ */",
            "fxw:w": "-webkit-flex-wrap: ${1:wrap};\n-ms-flex-wrap: ${1:wrap};\nflex-wrap: ${1:wrap};",
            "fxw:wr": "-webkit-flex-wrap: ${1:wrap-reverse};\n-ms-flex-wrap: ${1:wrap-reverse};\nflex-wrap: ${1:wrap-reverse};",

            "fx:d": "-webkit-box-direction: ${1:normal};\n-moz-box-direction: ${1:normal};\n-webkit-box-orient: ${2:horizontal};\n-moz-box-orient: ${2:horizontal};\n-webkit-flex-direction: ${3:row};\n-ms-flex-direction: ${3:row};\nflex-direction: ${3:row};",
            "fx:drr": "-webkit-box-direction: ${1:reverse};\n-moz-box-direction: ${1:reverse};\n-webkit-box-orient: ${2:horizontal};\n-moz-box-orient: ${2:horizontal};\n-webkit-flex-direction: ${3:row-reverse};\n-ms-flex-direction: ${3:row-reverse};\nflex-direction: ${3:row-reverse};",
            "fx:dc": "-webkit-box-direction: ${1:normal};\n-moz-box-direction: ${1:normal};\n-webkit-box-orient: ${2:vertical};\n-moz-box-orient: ${2:vertical};\n-webkit-flex-direction: ${3:column};\n-ms-flex-direction: ${3:column};\nflex-direction: ${3:column};",
            "fx:dcr": "-webkit-box-direction: ${1:reverse};\n-moz-box-direction: ${1:reverse};\n-webkit-box-orient: ${2:vertical};\n-moz-box-orient: ${2:vertical};\n-webkit-flex-direction: ${3:column-reverse};\n-ms-flex-direction: ${3:column-reverse};\nflex-direction: ${3:column-reverse};",

            "jc": "-webkit-box-pack: ${1:start};\n-moz-box-pack: ${1:start};\n-ms-flex-pack: ${1:start};\n-webkit-justify-content: flex-${2:start};\njustify-content: flex-${2:start};",
            "jc:e": "-webkit-box-pack: ${1:end};\n-moz-box-pack: ${1:end};\n-ms-flex-pack: ${1:end};\n-webkit-justify-content: flex-${2:end};\njustify-content: flex-${2:end};",
            "jc:c": "-webkit-box-pack: center;\n-moz-box-pack: center;\n-ms-flex-pack: center;\n-webkit-justify-content: center;\njustify-content: center;",

            "jc:sb": "-webkit-box-pack: ${1:justify};\n-moz-box-pack: ${1:justify};\n-ms-flex-pack: ${1:justify};\n-webkit-justify-content: ${2:space-between};\njustify-content: ${2:space-between};",

            "jc:sa": "/* 旧版 flex 不支持 */-ms-flex-pack: ${2:distribute};\n-webkit-justify-content: ${3:space-around};\njustify-content: ${3:space-around};",


            "ac": "-ms-flex-line-pack: ${1:stretch};\n-webkit-align-content: ${1:stretch};\nalign-content: ${1:stretch};",
            "ac:fs": "-ms-flex-line-pack: ${2:start};\n-webkit-align-content: flex-${1:start};\nalign-content: flex-${1:start};",
            "ac:fe": "-ms-flex-line-pack: ${2:end};\n-webkit-align-content: flex-${1:end};\nalign-content: flex-${1:end};",
            "ac:c": "-ms-flex-line-pack: ${1:center};\n-webkit-align-content: ${1:center};\nalign-content: ${1:center};",
            "ac:sb": "-ms-flex-line-pack: ${2:justify};\n-webkit-align-content: ${1:space-between};\nalign-content: ${1:space-between};",
            "ac:sa": "-ms-flex-line-pack: ${2:distribute};\n-webkit-align-content: ${1:space-around};\nalign-content: ${1:space-around};",

            "ai": "-webkit-box-align: ${1:stretch};\n-moz-box-align: ${1:stretch};\n-ms-flex-align: ${1:stretch};\n-webkit-align-items: ${1:stretch};\nalign-items: ${1:stretch};",
            "ai:fs": "-webkit-box-align: ${1:start};\n-moz-box-align: ${1:start};\n-ms-flex-align: ${1:start};\n-webkit-align-items: ${2:flex-start};\nalign-items: ${2:flex-start};",
            "ai:fe": "-webkit-box-align: ${1:end};\n-moz-box-align: ${1:end};\n-ms-flex-align: ${1:end};\n-webkit-align-items: ${2:flex-end};\nalign-items: ${2:flex-end};",
            "ai:c": "-webkit-box-align: ${1:center};\n-moz-box-align: ${1:center};\n-ms-flex-align: ${1:center};\n-webkit-align-items: ${1:center};\nalign-items: ${1:center};",
            "ai:b": "-webkit-box-align: ${1:baseline};\n-moz-box-align: ${1:baseline};\n-ms-flex-align: ${1:baseline};\n-webkit-align-items: ${1:baseline};\nalign-items: ${1:baseline};",

            "as": "-ms-flex-item-align: ${1:auto};\n-webkit-align-self: ${1:auto};\nalign-self: ${1:auto};",
            "as:fs": "-ms-flex-item-align: ${2:start};\n-webkit-align-self: ${1:flex-start};\nalign-self: ${1:flex-start};",
            "as:fe": "-ms-flex-item-align: ${2:end};\n-webkit-align-self: ${1:flex-end};\nalign-self: ${1:flex-end};",
            "as:c": "-ms-flex-item-align: ${1:center};\n-webkit-align-self: ${1:center};\nalign-self: ${1:center};",
            "as:b": "-ms-flex-item-align: ${1:baseline};\n-webkit-align-self: ${1:baseline};\nalign-self: ${1:baseline};",
            "as:s": "-ms-flex-item-align: ${1:stretch};\n-webkit-align-self: ${1:stretch};\nalign-self: ${1:stretch};",

            "od": "-webkit-box-ordinal-group: ${1:1};\n-moz-box-ordinal-group: ${1:1};\n-webkit-order: ${1:0};\n-ms-flex-order: ${1:0};\norder: ${1:0};"
        }
    },

    "html": {
        "filters": "html",
        "profile": "html",
        "snippets": {
            "cube": "http://g.tbcdn.cn/thx/cube/${child}${1:1.0.8}/${2:cube-min}.css",
            "neat": "http://g.tbcdn.cn/thx/cube/${child}${1:1.0.8}/${2:neat-min}.css",
            "type": "http://g.tbcdn.cn/thx/cube/${child}${1:1.0.8}/${2:type-min}.css",
            "cl": "class=\"${child}$1\"|",
            "id": "id=\"${child}$1\"|",
            "tit": "title=\"${child}$1\"|",
            "trb": "traget=\"_blank\"|",
            "c": "<!-- ${child}$1 -->$2",
            "cm": "<!-- ${1:模块名} begin -->\n\t${child}|\n<!-- ${1:模块名} end -->",
            "style": "<style>\n\t${child}|\n</style>",
            "st": "<style>\n\t${child}|\n</style>",
            "styles": "<style scoped>\n\t${child}|\n</style>",
            "sts": "<style scoped>\n\t${child}|\n</style>",
            "script": "<script>\n\t${child}|\n</script>",
            "ab": "<a href=\"${1:#}\" target=\"_blank\">${child}${2}</a>",
            "aj": "<a href=\"javascript:;\">${child}|</a>"
        },

        "abbreviations": {
            "mod": ".mod>.hd+.bd+.ft",
            "dib": ".dib-wrap>dib*2",
            "vimg": ".center-box>b.center-hack+.center-body>a.center-img>img",
            "vbox": ".center-box>b.center-hack+.center-content>p{未知高度垂直居中模块}",
            "vimg+": ".center-box>b.center-hack+.center-content>(.center-img>a>img)+p{未知高度垂直居中模块}"
        }
    }
  }

}

vscode配置

// Place your settings in this file to overwrite the default settings
{
    "workbench.settings.useSplitJSON": true,
    //字体大小
    "editor.fontSize": 18,
    //字体
    "editor.fontFamily": "Microsoft YaHei Mono, Consolas,'Courier New',Source Code Pro, monospace",
    "editor.cursorBlinking": "smooth",
    "editor.fontWeight": "500",
    "editor.quickSuggestions": {
        "other": true,
        "comments": true,
        "strings": true
    },
    "editor.tabCompletion": "on",
    "editor.renderIndentGuides": false,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "editor.snippetSuggestions": "top",
    "editor.formatOnPaste": true,
    "editor.renderWhitespace": "all",
    "javascript.updateImportsOnFileMove.enabled": "always",
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.suggest.filterGraceful": false,
    "editor.suggest.shareSuggestSelections": true,
    "editor.suggestOnTriggerCharacters": true,
    "editor.wordBasedSuggestions": true,
    "editor.acceptSuggestionOnCommitCharacter": true,
    "editor.quickSuggestionsDelay": 0,
    "editor.suggest.localityBonus": false,
    // #每次保存的时候将代码按eslint格式进行修复
    "eslint.autoFixOnSave": true,
    // 添加 vue 支持
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    //自动保存文件
    "files.autoSave": "afterDelay",
    "editor.wordWrap": "on",
    "extensions.autoUpdate": true,
    //图标
    "workbench.iconTheme": "vscode-icons",
    "workbench.settings.openDefaultKeybindings": true,
    //markdown设置
    "[markdown]": {},
    "markdown.preview.fontFamily": "微软雅黑",
    //git路径
    "git.path": "/usr/bin/git",
    "git.autofetch": true,
    "[java]": {},
    "files.associations": {
        "*.html": "html"
    },
    "[html]": {},
    "emmet.showSuggestionsAsSnippets": true,
    "emmet.triggerExpansionOnTab": true,
    //终端设置
    // 在存在活动终端会话的情况下，退出时是否要确认。
    "terminal.integrated.confirmOnExit": true,
    // 控制终端光标是否闪烁。
    "terminal.integrated.cursorBlinking": true,
    // 控制终端游标的样式。
    "terminal.integrated.cursorStyle": "line",
    "terminal.integrated.fontSize": 16,
    "markdown.preview.breaks": true,
    "emmet.extensionsPath": "D:/configuration/emmetplus",
    // "sublimeTextKeymap.promptV3Features": true,
    // "gitlens.historyExplorer.enabled": true,
    "explorer.autoReveal": true,
    "breadcrumbs.enabled": true,
    "workbench.colorCustomizations": {
        "activityBar.background": "#111111",
        // "activityBarBadge.background": "#FFA000",
        "list.activeSelectionForeground": "#ffffff",
        "list.inactiveSelectionForeground": "#FFA000",
        "list.highlightForeground": "#FFA000",
        "scrollbarSlider.activeBackground": "#FfA000",
        "editorSuggestWidget.highlightForeground": "#FFA000",
        "textLink.foreground": "#4cb4e7",
        "progressBar.background": "#FFA000",
        "pickerGroup.foreground": "#FFA000",
        "notificationLink.foreground": "#FFA000",
        "editorWidget.resizeBorder": "#FFA000",
        "editorWidget.border": "#FFA000",
        "settings.modifiedItemIndicator": "#FFA000",
        "settings.headerForeground": "#FFA000",
        "panelTitle.activeBorder": "#FFA000",
        "breadcrumb.activeSelectionForeground": "#FFA000",
        "menu.selectionForeground": "#FFA000",
        "menubar.selectionForeground": "#FFA000",
        "titleBar.activeBackground": "#111",
        // "titleBar.border": "#FFFFFF",
        "tab.border": "#bdaeae",
        "tab.hoverBackground": "#534d4d",
        // "tab.activeBorderTop": "#ffa000",
        "tab.activeBorder": "#FFA000"
    },
    "window.zoomLevel": 0,
    "php.suggest.basic": false,
    "javascript.suggest.completeFunctionCalls": true,
    "workbench.settings.openDefaultSettings": true,
    "terminal.integrated.enableBell": true,
    "files.exclude": {
        "**/.git": true,
        "**/.svn": true,
        "**/.hg": true,
        "**/CVS": true,
        "**/.DS_Store": true,
        "node_modules/": true,
        ".vscode": true,
        ".idea": true
    },
    "window.openFilesInNewWindow": "default",
    "files.trimFinalNewlines": true,
    "workbench.colorTheme": "One Dark Pro"
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 216,591评论 6赞 501
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 92,448评论 3赞 392
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 162,823评论 0赞 353
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 58,204评论 1赞 292
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 67,228评论 6赞 388
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 51,190评论 1赞 299
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 40,078评论 3赞 418
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,923评论 0赞 274
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,334评论 1赞 310
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,550评论 2赞 333
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,727评论 1赞 348
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,428评论 5赞 343
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 41,022评论 3赞 326
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,672评论 0赞 22
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,826评论 1赞 269
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 47,734评论 2赞 368
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,619评论 2赞 354