返回介绍

CSS 代码检查

发布于 2023-10-15 17:51:26 字数 2010 浏览 0 评论 0 收藏 0

EDP 内置 FECS,而 FECS 通过封装的 csshint 实现对 css 文件的检查。通过 csslint 命令:edp csslintedp lint --type=css,能够对 当前目录 下所有 css 文件的代码进行检查。

注意,目前 EDP 的代码检查并没有使用 csslint,只是为了兼容旧版才保留 csslint 命令。更多信息,移步 fecs.wiki

$ edp csslint
edp INFO page.css
edp WARN → line 4, col 10: Values of 0 shouldn't have units specified.
edp WARN → line 7, col 1: Rule is empty.
edp WARN → line 8, col 1: Rule is empty.

自定义配置

EDP 默认使用 csshint 的配置,如果想使用自己的检测配置,可以在 当前目录 下建立 .fecsrc文件。该文件是 JSON 格式,其中相关参数将与默认参数 mixin。具体参数的含义请参考 https://github.com/ielgnaw/node-csshint/blob/master/lib/config.js

下面是一个.fecsrc的简单例子:

{
"csshint": {
"no-bom": true,
"block-indent": true,
"require-before-space": ["{"],
"require-after-space": [":", ","],
}
}

如果有的 css 文件比较特殊,可以在文件顶部内容中,通过注释的形式,单独设置检查该文件时是否禁止的规则。

/* csshint-disable require-before-space,require-newline property-not-existed*/

排除检测文件

有时我们想要排除一些文件,不期望这些文件被检测:比如数据模拟、测试用例、工具代码。这时我们可以在 当前目录 下建立 .fecsignore 文件。

.fecsignore 中,每一行是一个 pattern。其逻辑与gitignore一致,详细说明请参看man 5 gitignore

**/tool/**
**/doc/**

提示:bower_componentsnode_module 目录已经被自动排除。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文