eslint代码规范

---

摘要: eslint代码规范 时间: 2020-12-30

---

ESLint可组装的JavaScript和JSX检查工具

eslint常用规则配置

.eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/typescript/recommended'
  ],
  parserOptions: {
    ecmaVersion: 2020
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    // 关闭shims-vue.d.ts警告（处理any可能报错）
    '@typescript-eslint/no-explicit-any': ['off'],
    // 处理{}可能报错
    'object-curly-spacing': [2, 'always', {
      objectsInObjects: true
    }],
    // 处理img标签可能报错
    'no-unused-vars': 'off',
    'vue/html-self-closing': ['error', {
      'html': {
        'void': 'always',
        'normal': 'never',
        'component': 'always'
      },
      'svg': 'always',
      'math': 'always'
    }],
  }
}