在Visual Studio Code中使用CSSComb格式化CSS文件的教程

2020-03-20 14:01:17王冬梅

  现在,我们就可以对CSS文件排版了。
  打开一个CSS文件,按“F1”,选择“CSSComb: Format styles”,排版成功!

  三、说明

  几个重要的参数说明一下:

    "always-semicolon": true, // 在每个样式后面加“;”
    "block-indent": "  ", // 缩进两个空格
    "color-case": "lower",
    "color-shorthand": true,
    "element-case": "lower",
    "eof-newline": true,
    "leading-zero": false,
    "lines-between-rulesets": 1, // 每组规则后加一个空行
    "quotes": "single",
    "remove-empty-rulesets": true,
    "space-after-colon": " ",
    "space-after-combinator": " ",
    "space-after-opening-brace": "n", // 在开始的{后换行
    "space-after-selector-delimiter": "n",
    "space-before-closing-brace": "n", // 在结束的}后换行
    "space-before-colon": "",
    "space-before-combinator": " ",
    "space-before-opening-brace": " ", // 在开始的{前加空格
    "space-before-selector-delimiter": "",
    "space-between-declarations": "n", // 每个样式后换行
    "strip-spaces": true,
    "unitless-zero": true,
    "vendor-prefix-align": true,

总结

到此这篇关于在Visual Studio Code中使用CSSComb格式化CSS文件的文章就介绍到这了,更多相关Visual Studio Code 格式化CSS文件内容请搜索易采站长站以前的文章或继续浏览下面的相关文章希望大家以后多多支持易采站长站!