StyleLint 的配置与注意的点

2020-07-29  本文已影响0人  梧桐月明中

lint 用于确保代码风格,根据配置的代码规范,进行检查。
stylelint 用于样式规范检查与修复,支持 .css .scss .less .sss


配置过程

npm 安装所需要的包

npm i stylelint stylelint-config-standard -D

添加配置文件

.stylelintrc

{
  "extends": "stylelint-config-standard",
  "rules": {
    "indentation": 4"
  }
}

在 package.json 中添加 script 命令

{
  "scripts":  {
    "stylelint": "stylelint {components,example}/**/*.{css,scss}",
    "stylelint_fix": "stylelint {components,example}/**/*.{css,scss} --fix"
  }
}

遇到的问题

1.stylelint 不支持缩进风格

注意 stylelint 默认支持 css 格式风格的 .css .scss .less .sss,并且没有官方插件支持缩进风格的 .sass .styl
本来想用 stylus,无奈没找到靠谱的插件。

2.cli 中的 stylelint 命令必须指定文件夹名称

刚开始 npm 的 script 配置如下,结果 lint 不生效

"lint:stylelint": "stylelint **/*.{css,scss}"

改成下面这样就好了

"lint:stylelint": "stylelint {components,example}/**/*.{css,scss}"

最后附上规则地址

stylelint rules 中文: http://stylelint.cn/user-guide/rules/
stylelint rules 中文: https://cloud.tencent.com/developer/section/1489630

上一篇下一篇

猜你喜欢

热点阅读