本文主要介绍在 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 的文件，录入相关配置。内容示例参考：
1 2 3 4 5 6 7 8 9 10 | { "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
配置：
1 2 3 4 5 6 7 8 9 10 11 12 13 | 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
相关文章:
javascript 代码校验器 eslint: 在 sublime text 编辑器中安装和配置 eslint
sublime text 常用快捷键与前端开发必备插件
Sublime text 中找不到 zend coding？试一试 emmet！
设置 vuejs 与 JSX 在 sublime text 中的语法高亮
Linux (ubuntu) 安装配置 sublime text 与汉化、破解方法参考
css控制文本内容换行:word-wrap,word-break,white-space,text-
CSS 代码质量校验：stylelint 、stylefmt 及 post-sorting 的开发环境配置参考
JSHint：在 Eclipse 和 sublime 中配置与使用 javascript 语法风格检测工具
CSS实现垂直居中的5种方法分析及示例
CSS控制DIV文本和图片水平居中和垂直居中
CSS 伪类选择器：如何使用 CSS3 伪类
CSS3 Media Queries:媒体设备的样式适应
