csscomb 插件问题

来源:2-6 html5页面布局(表现层_footer)

weixin_慕丝8245498

2019-10-30 17:02:33

老师,我在vscode里面先下了一个csscomb插件,然后在下了一个css-format-one插件之后csscoomb插件就不能用了,这是为什么呢?

下面是csscomb插件中的代码:


// {

//     "files.autoSave": "afterDelay",

//     "workbench.colorTheme": "Visual Studio Dark"

// }


{

    "csscomb.formatOnSave": true,

    // "csscomb.preset": "yandex",

    "csscomb.perset": {

        "remove-empty-rulesets":true,

        "always-semicolon":true,

        "color-case":"upper",

        "block-indent":" ",

        "color-shorthand": false,

        "element-case": "lower",

        "eof-newline": true,

        "leading-zero": false,

        "quotes": "single",

        "sort-order-fallback": "abc",

        "space-before-colon": " ",

        "space-after-colon": " ",

        "space-before-combinator": " ",

        "space-after-combinator": " ",

        "space-between-declarations": "\n",

        "space-before-opening-brace": " ",

        "space-after-opening-brace": "\n",

        "space-after-selector-delimiter": " ",

        "space-before-selector-delimiter": "",

        "space-before-closing-brace": "\n",

        "tab-size": true,


        // Sort properties in particular order.

        "sort-order": [

            [

                "font",

                "font-family",

                "font-size",

                "font-weight",

                "font-style",

                "font-variant",

                "font-size-adjust",

                "font-stretch",

                "font-effect",

                "font-emphasize",

                "font-emphasize-position",

                "font-emphasize-style",

                "font-smooth",

                "line-height"

            ],

            [

                "position",

                "z-index",

                "top",

                "right",

                "bottom",

                "left"

            ],

            [

                "display",

                "visibility",

                "float",

                "clear",

                "overflow",

                "overflow-x",

                "overflow-y",

                "-ms-overflow-x",

                "-ms-overflow-y",

                "clip",

                "zoom",

                "flex-direction",

                "flex-order",

                "flex-pack",

                "flex-align"

            ],

            [

                "-webkit-box-sizing",

                "-moz-box-sizing",

                "box-sizing",

                "width",

                "min-width",

                "max-width",

                "height",

                "min-height",

                "max-height",

                "margin",

                "margin-top",

                "margin-right",

                "margin-bottom",

                "margin-left",

                "padding",

                "padding-top",

                "padding-right",

                "padding-bottom",

                "padding-left"

            ],

            [

                "table-layout",

                "empty-cells",

                "caption-side",

                "border-spacing",

                "border-collapse",

                "list-style",

                "list-style-position",

                "list-style-type",

                "list-style-image"

            ],

            [

                "content",

                "quotes",

                "counter-reset",

                "counter-increment",

                "resize",

                "cursor",

                "-webkit-user-select",

                "-moz-user-select",

                "-ms-user-select",

                "user-select",

                "nav-index",

                "nav-up",

                "nav-right",

                "nav-down",

                "nav-left",

                "-webkit-transition",

                "-moz-transition",

                "-ms-transition",

                "-o-transition",

                "transition",

                "-webkit-transition-delay",

                "-moz-transition-delay",

                "-ms-transition-delay",

                "-o-transition-delay",

                "transition-delay",

                "-webkit-transition-timing-function",

                "-moz-transition-timing-function",

                "-ms-transition-timing-function",

                "-o-transition-timing-function",

                "transition-timing-function",

                "-webkit-transition-duration",

                "-moz-transition-duration",

                "-ms-transition-duration",

                "-o-transition-duration",

                "transition-duration",

                "-webkit-transition-property",

                "-moz-transition-property",

                "-ms-transition-property",

                "-o-transition-property",

                "transition-property",

                "-webkit-transform",

                "-moz-transform",

                "-ms-transform",

                "-o-transform",

                "transform",

                "-webkit-transform-origin",

                "-moz-transform-origin",

                "-ms-transform-origin",

                "-o-transform-origin",

                "transform-origin",

                "-webkit-animation",

                "-moz-animation",

                "-ms-animation",

                "-o-animation",

                "animation",

                "-webkit-animation-name",

                "-moz-animation-name",

                "-ms-animation-name",

                "-o-animation-name",

                "animation-name",

                "-webkit-animation-duration",

                "-moz-animation-duration",

                "-ms-animation-duration",

                "-o-animation-duration",

                "animation-duration",

                "-webkit-animation-play-state",

                "-moz-animation-play-state",

                "-ms-animation-play-state",

                "-o-animation-play-state",

                "animation-play-state",

                "-webkit-animation-timing-function",

                "-moz-animation-timing-function",

                "-ms-animation-timing-function",

                "-o-animation-timing-function",

                "animation-timing-function",

                "-webkit-animation-delay",

                "-moz-animation-delay",

                "-ms-animation-delay",

                "-o-animation-delay",

                "animation-delay",

                "-webkit-animation-iteration-count",

                "-moz-animation-iteration-count",

                "-ms-animation-iteration-count",

                "-o-animation-iteration-count",

                "animation-iteration-count",

                "-webkit-animation-direction",

                "-moz-animation-direction",

                "-ms-animation-direction",

                "-o-animation-direction",

                "animation-direction",

                "text-align",

                "-webkit-text-align-last",

                "-moz-text-align-last",

                "-ms-text-align-last",

                "text-align-last",

                "vertical-align",

                "white-space",

                "text-decoration",

                "text-emphasis",

                "text-emphasis-color",

                "text-emphasis-style",

                "text-emphasis-position",

                "text-indent",

                "-ms-text-justify",

                "text-justify",

                "letter-spacing",

                "word-spacing",

                "-ms-writing-mode",

                "text-outline",

                "text-transform",

                "text-wrap",

                "text-overflow",

                "-ms-text-overflow",

                "text-overflow-ellipsis",

                "text-overflow-mode",

                "-ms-word-wrap",

                "word-wrap",

                "word-break",

                "-ms-word-break",

                "-moz-tab-size",

                "-o-tab-size",

                "tab-size",

                "-webkit-hyphens",

                "-moz-hyphens",

                "hyphens",

                "pointer-events"

            ],

            [

                "opacity",

                "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",

                "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",

                "-ms-interpolation-mode",

                "color",

                "border",

                "border-width",

                "border-style",

                "border-color",

                "border-top",

                "border-top-width",

                "border-top-style",

                "border-top-color",

                "border-right",

                "border-right-width",

                "border-right-style",

                "border-right-color",

                "border-bottom",

                "border-bottom-width",

                "border-bottom-style",

                "border-bottom-color",

                "border-left",

                "border-left-width",

                "border-left-style",

                "border-left-color",

                "-webkit-border-radius",

                "-moz-border-radius",

                "border-radius",

                "-webkit-border-top-left-radius",

                "-moz-border-radius-topleft",

                "border-top-left-radius",

                "-webkit-border-top-right-radius",

                "-moz-border-radius-topright",

                "border-top-right-radius",

                "-webkit-border-bottom-right-radius",

                "-moz-border-radius-bottomright",

                "border-bottom-right-radius",

                "-webkit-border-bottom-left-radius",

                "-moz-border-radius-bottomleft",

                "border-bottom-left-radius",

                "-webkit-border-image",

                "-moz-border-image",

                "-o-border-image",

                "border-image",

                "-webkit-border-image-source",

                "-moz-border-image-source",

                "-o-border-image-source",

                "border-image-source",

                "-webkit-border-image-slice",

                "-moz-border-image-slice",

                "-o-border-image-slice",

                "border-image-slice",

                "-webkit-border-image-width",

                "-moz-border-image-width",

                "-o-border-image-width",

                "border-image-width",

                "-webkit-border-image-outset",

                "-moz-border-image-outset",

                "-o-border-image-outset",

                "border-image-outset",

                "-webkit-border-image-repeat",

                "-moz-border-image-repeat",

                "-o-border-image-repeat",

                "border-image-repeat",

                "outline",

                "outline-width",

                "outline-style",

                "outline-color",

                "outline-offset",

                "background",

                "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",

                "background-color",

                "background-image",

                "background-repeat",

                "background-attachment",

                "background-position",

                "background-position-x",

                "-ms-background-position-x",

                "background-position-y",

                "-ms-background-position-y",

                "-webkit-background-clip",

                "-moz-background-clip",

                "background-clip",

                "background-origin",

                "-webkit-background-size",

                "-moz-background-size",

                "-o-background-size",

                "background-size",

                "box-decoration-break",

                "-webkit-box-shadow",

                "-moz-box-shadow",

                "box-shadow",

                "filter:progid:DXImageTransform.Microsoft.gradient",

                "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",

                "text-shadow"

            ]

        ]

    }

}




写回答

2回答

bbbboom

2019-10-31

第一个也直接能把整个的都梳理了,这个没啥用的。你说用第一个将其弄到一行了吗?

那这样在用第二个肯定重新排列了。没啥影响的。不太乱就行,保持一致。

要不是这样的话,你重新安装下第一个。

0

bbbboom

2019-10-30

这两个冲突了吧,是设置了一样的快捷键不,看下是不是快捷键冲突了。其实两个都是格式化代码的,用一个就行了

0
heixin_慕丝8245498
h 快捷键是不一样的,就是不知道为啥用不了csscomb了。 好像他们的功能有点不一样,csscomb是整理css元素里面的每一个属性的排序,css-format-one是整理整个css文件里面的排序。
h019-10-30
共1条回复

0 学习 · 40143 问题

查看课程