CSSBeautify

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 决定的。

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.