Skip to content
chris edited this page Dec 1, 2014 · 5 revisions

CSS Beautify

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

使用方式

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

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

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

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

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

$ fecs format dir1 dir2 --type=css

默认规则

FECS 中的默认值如下:

  • indent 用于缩进的字符,默认为 4 个空格。
  • openbrace 定义大括号的起始 { 所在的位置,默认为 end-of-line (在行末),可选值还有 separate-line(新行首)。
  • autosemicolon 在每条定义后自动插入分号 ;,默认为插入不插入(在 CSScomb 中配置了 always-semicolon 自动插入)。

注意事项

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