CSS 代码校验器 csslint: 在 sublime text 编辑器中安装和配置 csslint

6,182次阅读
没有评论

共计 1074 个字符,预计需要花费 3 分钟才能阅读完成。

本文主要介绍在 sublime text 3 编辑器中配置 csslint 的方法步骤,以帮助你快速完成相关配置,避免花费更多的时间去探索。

1. 安装 csslint

打开 cmd 命令提示符,使用 node 进行全局安装 csslint

npm i eslint -g –registry=http://registry.npm.taobao.org/ –disturl=https://npm.taobao.org/dist

2. 安装 sublime text 相关插件

打开 sublime text,打开 preferences->Package Control (ctrl+shift+l),搜索和安装如下两个插件:

SublimeLinter
SublimeLinter-csslint

进入项目根目录,新建一个名称为 .csslintrc 的文件,录入相关配置。内容示例参考:

{
"rules": {
"known-properties": 2, //未知的属性报错
"empty-rules": 1, //空规则
"duplicate-properties": 1, //重复属性
"overqualified": 0, //允许元素标签的优先级,如 div.test
"adjoining-classes": 0, //允许 .foo.bar 格式的连写
"important": 0 //允许 !important
}
}

3. fis3 配置 csslint

安装 fis3-lint-csslint 插件:

npm i fis3-lint-csslint -g –registry=http://registry.npm.taobao.org/ –disturl=https://npm.taobao.org/dist

配置:

fis.match('{app,common}/**/*.{css,less}', {
ignoreFiles: ['*.min.css'],
rules: {
"rules": {
"known-properties": 2, //未知属性值
"empty-rules": 1, //空规则
"duplicate-properties": 1, //重复属性
"overqualified": 0, //允许元素标签的优先级,如 div.test
"adjoining-classes": 0, //允许 .foo.bar 格式的连写
"important": 0 //允许 !important
}
}
});

4. 相关参考

https://github.com/CSSLint/csslint/wiki/Rules
https://npm.taobao.org/package/fis3-lint-csslint

正文完
 0
任侠
版权声明:本站原创文章,由 任侠 于2016-07-07发表,共计1074字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码