EsLint + styleLint 配置 备忘

1,669 阅读1分钟

安装esLint依赖:

yarn add eslint-config-airbnb-base eslint-plugin-sonarjs eslint-plugin-vue eslint@5.16.0 eslint-plugin-html -D

安装styleLint依赖:

yarn add stylelint-config-standard stylelint-config-rational-order stylelint -D

安装gitHook依赖(版本要一致,否则不生效):

yarn add husky@4.3.6 lint-staged@10.5.4 -D

.eslintrc.js文件配置

module.exports = {
  root: true,
  extends: [
    'eslint-config-airbnb-base',
    'eslint-plugin-sonarjs',
    'eslint-plugin-vue',
  ],
  globals: {
    Vue: true
  },
  rules: {
    // 自定义配置
  }
}

.stylelintrc.js文件配置

module.exports = {
  extends: ['stylelint-config-standard', 'stylelint-config-rational-order'],
  rules: {
    // 自定义配置
  }
}

package.json配置

"husky": {
  "hooks": {
    "pre-commit": "lint-staged"
  }
},
"lint-staged": {
  "*.{ts,tsx,js,vue}": [
    "eslint --fix"
  ],
  "*.{vue,css,less}": [
    "stylelint --fix"
  ]
},