CSScomb

chris edited this page May 12, 2016 · 6 revisions

CSScomb

FECSCSS 的格式化是基于 CSSBeautifyCSScomb 结合我们的 CSS 编码规范 而定的配置。

使用方式

最常用的方式是直接调用fecs format --type=css,此时会递归的扫描当前目录下面的所有的 CSS 文件(默认已经忽略 node_modules, bower_components 目录),然后依次调用 cssbeautifycsscomb 格式化得到的 CSS 文件,默认所有格式化后的文件按源目录结构保存在当前工作目录下的 output 目录中。

如果想要忽略某些文件或目录,可以使用 ignore 参数执行,例如:

$ fecs format --type=css --ignore='**/cli/**'

或者在 .csscomb.json 中的 exclude 节点配置,FECS 配置的默认值为:

    "exclude": [
        ".git/**",
        "node_modules/**",
        "bower_components/**"
    ],

同时也可以使用 .fecsignore 文件来配置类似 Git 方式的 .gitignore 忽略规则。

另外,需要同时格式化多个目录时,可以这样:

$ fecs format dir1 dir2 --type=css

默认规则

  1. https://github.com/csscomb/csscomb.js/blob/master/doc/options.md
  2. https://github.com/ecomfe/fecs/blob/master/lib/css/csscomb.yml

注意事项

CSS 代码在格式化后,某些属性间可能会出现多余空行,这是由 CSScomb 的属性分组规则 sort-orde 决定的。

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.