以前我简单发过一篇csslint的公众号,时过境迁,csslint已经落后于时代,不禁又要感叹一句:前端变化好快。
stylelint是一个检测你css、scss代码写得规不规范的工具,你看stylelint的logo是一个整齐的领结,估计也是帮助开发者写出整齐的代码,对强迫症的开发者来说是一个福音,所以我果断的装进了我的Sublime编辑器里。下面来简单的介绍一下。
1,安装SublimeLinter 3
2,安装nodejs
3,安装stylelint
npm install postcss stylelint
4,安装SublimeLinter-contrib-stylelint
5,创建一个.stylelintrc的配置文件
可以参考我的配置:
{ "extends": "stylelint-config-sass-guidelines", "rules": { "at-rule-empty-line-before": null, "indentation": 4 } }
5.1或者创建一个.stylelintrc.js的配置文件
module.exports = { "extends": "stylelint-config-standard" }
结论
配置成功后,你可以在sublime里看这样的提示:
参考链接
https://github.com/kungfusheep/SublimeLinter-contrib-stylelint
http://sublimelinter.readthedocs.io/en/latest/installation.html
https://medium.com/@bjankord/how-to-lint-scss-with-stylelint-dc87809a9878