sublime如何配置stylelint

以前我简单发过一篇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