sublime如何配置stylelint

stylelint

A mighty, modern CSS linter and fixer that helps you avoid errors and enforce consistent conventions in your stylesheets.

stylelint-logo

以前我简单发过一篇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里看这样的提示:

stylelint
stylelint

参考链接

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

我要分享

曾小乱

作者: 曾小乱

喜欢写点有意思的东西

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据