Question

CSS Beautify

FECS 对 CSS 的格式化是基于 CSSBeautify 与 CSScomb 结合我们的 CSS 编码规范 而定的配置。

使用方式

最常用的方式是直接调用fecs format --type=css，此时会递归的扫描当前目录下面的所有的 CSS 文件（默认已经忽略 node_modules, bower_components 目录），然后依次调用 cssbeautify 和 csscomb 格式化得到的 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 决定的。