stylelint有一百多条校验划定规矩, 这些划定规矩能够分为三类：用于校正作风的划定规矩、用于鉴别代码可维护性的划定规矩、以及用于推断代码毛病的划定规矩。虽然条数浩瀚，然则不必怕，由于都是默许封闭的，我们能够天真地举行设置

1、装置

npm install stylelint --save-dev
npm install stylelint-config-standard --save-dev

个中stylelint是运转东西，stylelint-config-standard是引荐的设置，

2、设置文件

建立设置文件有3种体式格局：
（1）.stylelintrc

{
    "rules": {
        "declaration-block-trailing-semicolon": null
    }
}

(2) stylelint.config.js

module.exports = {
    "rules": {
        "declaration-block-trailing-semicolon": null
    }
}

(3) package.json

{
    ......
    "stylelint": {
        "rules": {
            "color-hex-case": "lower"
        }
    }
}

重要的设置项有extends、rules等
extends
extends用来扩大设置项

{
  "extends": "stylelint-config-standard",
}

rules
rules是一个对象，属性名为划定规矩称号，属性值为划定规矩取值，它通知stylelint该搜检什么，该怎样报错。一切划定规矩默许都是封闭的。
划定规矩的范例差别，取值也差别。划定规矩的取值请戳这里：划定规矩的取值

{
  "rules": {
    "at-rule-blacklist": string|[],
    "at-rule-empty-line-before": "always"|"never",
    "at-rule-name-case": "lower"|"upper",
    "block-no-empty": true
    ...
  }
}

划定规矩的值为null时示意禁用该划定规矩

{
  "rules": {
    "block-no-empty": null
  }
}

rules还能够支撑一些自定义设置，给划定规矩通报一个数组即可，数组第一项是划定规矩值，第二项是自定义设置。比方：
（1）指定毛病级别：

"indentation": [2, { 
  "severity": "warning" 
}]

（2）自定义毛病信息

"color-hex-case": ["lower", {
    "message": "Lowercase letters are easier to distinguish from numbers"
}]

plugins
插件平常是由社区供应的，对stylelint已有划定规矩举行扩大，平常能够支撑一些非标准的css语法搜检或许其他特别用处。一个插件会供应一个或许多个搜检划定规矩。
plugins声明后还须要在rules中运用它，详细划定规矩称号以及能够的取值须要去检察每一个插件的文档。

{
  "plugins": [
    "../some-rule-set.js"
  ],
  "rules": {
    "some-rule-set/first-rule": "everything",
    "some-rule-set/second-rule": "nothing",
    "some-rule-set/third-rule": "everything"
  }
}

3、webpack的运用

webpack须要运用插件stylelint-webpack-plugin
详细用法以下：

var StyleLintPlugin = require('stylelint-webpack-plugin');
 
module.exports = {
  // ... 
  plugins: [
    new StyleLintPlugin(options),
  ],
  // ... 
}

简朴设置示例

stylelink.config.js

module.exports = {
    "extends": "stylelint-config-standard",
    "rules": {
        "declaration-block-trailing-semicolon": null
    }
}