@yokots/stylelint-config-scss v1.3.0

Style Guide

参考

1. idiomatic-css
2. mdo's Code Guide
3. Google HTML/CSS Style Guide
4. Stylelint Rules
5. stylelint-config-standard
6. Sass Guidelines (中文)
7. stylelint-scss

Usage

• npm install stylelint @yokots/stylelint-config-scss -D

• 在项目根目录下新建 .stylelintrc.json

  {
    "extends": ["@yokots/stylelint-config-scss"],
    "rules": {
      // 覆盖默认规则
    },
    "ignoreFiles": [
      "node_modules/**/*.scss",
      "/* your ignore files */"
    ]
  }

• npx stylelint src/**/*.scss （npx 仅可在 npm 5.2 之上适用）

强烈建议

每个人在自己的工程中配置 pre-commit 钩子，在提交代码之前进行检查

• husky 用 node 配置钩子
• lint-staged 只检查将要提交的代码

• commitlint 检查 commit 规范

  配置完后类似于以下这个样子

"husky": {
  "hooks": {
    "pre-commit": "lint-staged",
    "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
  }
},
"commitlint": {
  "extends": ["@commitlint/config-conventional"]
},
"lint-staged": {
  "*.scss": [
    "stylelint --fix",
    "git add"
  ]
},