Skip to content
chris edited this page Nov 7, 2014 · 10 revisions

CSSHint

FECSCSS 的检查是基于 百度复合搜索部王磊 专门针对我们的 CSS 编码规范 打造的 CSSHint

使用方式

最常用的方式就是直接调用fecs,此时会递归的扫描当前目录下面的所有的 JavaScript、CSS 和 HTML 文件(默认已经忽略 node_modules, asset, dist, release, doc, dep 目录),然后依次调用 CSSHint 检查得到的 CSS 文件。

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

$ fecs --ignore='**/cli/**'

后续将会考虑支持类似 Git 方式的 .gitignore 文件来配置忽略规则。

另外,需要同时检查多个目录时,可以这样:

$ fecs dir1 dir2

可以指定只检查 CSS 文件:

$ fecs dir1 --type=css

如果嫌默认出的英文提示不易懂,或者需要看我们对应的规范定义,可以指定 reporter 参数为 baidu

$ fecs --reporter=baidu

默认规则

  1. https://github.com/ielgnaw/node-csshint/blob/master/lib/config.js
  2. https://github.com/ecomfe/fecs/blob/master/lib/css/csshint.json

由于部分规则无法实现,加上时间关系,还有以下规则未实现:

  • require-after-linebreak
  • require-newline
  • group-properties 
  • font-family-space-in-quotes, 
  • font-family-sort, 
  • unifying-font-family-case-sensitive

$ fecs --rule

如何针对检查结果作修复

CSSHint 大部分给出的是关于代码风格方面的问题,一般没有特殊情况的话,需要全部都修复掉。对于确实无法修复或有足够理由不作修复的,可以使用 .csshintrc 来覆盖默认的配置(CSSHint` 还未实现文件内注释方式的规则)。

对于大部分的问题,其实可以通过 CSSBeautifyCSScomb 来修复。

Clone this wiki locally