.eslintrc.js

// http://eslint.org/docs/user-guide/configuring
module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint',
    sourceType: 'module',
    ecmaVersion: 2018,
  },
  env: {
    browser: true,
  },
  extends: [
    'eslint:recommended',
    'plugin:vue/recommended', // or 'plugin:vue/base'
    'plugin:compat/recommended',
    'airbnb-base',
  ],
  // required to lint *.vue files
  plugins: [
    'vue',
    'compat',
  ],
  // check if imports actually resolve
  settings: {
    'import/resolver': {
      webpack: {
        config: 'build/webpack.base.conf.js',
      },
    },
    // 真有毒 webpack 多文件不支持
    // 'import/core-modules': ['muggle-api']
    'polyfills': [
      'promises',
      'fetch',
      'url',
      'urlsearchparams',
    ],
  },
  // add your custom rules here
  rules: {
    camelcase: 0,
    'function-paren-newline': ['error', 'consistent'],
    'arrow-body-style': 0,
    'linebreak-style': 0,
    'no-param-reassign': 0,
    'no-plusplus': 0,
    'no-await-in-loop': 0,
    'no-underscore-dangle': 0,
    'prefer-promise-reject-errors': 0,
    'no-return-assign': 0,
    'object-curly-newline': [
      'error',
      {
        consistent: true,
      },
    ],
    'no-mixed-operators': 0,
    // don't require .vue extension when importing
    'import/extensions': [
      'error',
      'always',
      {
        js: 'never',
        vue: 'never',
      },
    ],
    // allow optionalDependencies
    'import/no-extraneous-dependencies': [
      'error',
      {
        optionalDependencies: ['test/unit/index.js'],
      },
    ],
    // allow debugger during development
    // "max-len": process.env.NODE_ENV === 'production' ? 1 : 0,
    "no-unused-vars": process.env.NODE_ENV === 'production' ? 1 : 0,
    'max-len': 0,
    // 'no-unused-vars': 0,
    'arrow-parens': 0,
    'no-console': process.env.NODE_ENV === 'production' ? 1 : 0,
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    // allow single export
    'import/prefer-default-export': 'off',
    // vue lint configs
    // 'vue/attribute-hyphenation': ['error', 'always'],
    'vue/html-end-tags': 'error',
    'vue/html-quotes': ['error', 'double'],
    // 'vue/html-self-closing': 0,
    'vue/html-self-closing': [
      'error',
      {
        html: {
          normal: 'never',
          void: 'never',
          component: 'never',
        },
        // Input: 'any',
        svg: 'always',
        math: 'always',
      },
    ],
    'vue/max-attributes-per-line': [
      2,
      {
        singleline: 10,
        multiline: {
          max: 2,
          allowFirstLine: false,
        },
      },
    ],
    'vue/mustache-interpolation-spacing': ['error', 'always'],
    'vue/name-property-casing': ['error', 'kebab-case'],
    'vue/no-async-in-computed-properties': 'error',
    'vue/no-confusing-v-for-v-if': 'error',
    'vue/no-dupe-keys': 'error',
    'vue/no-duplicate-attributes': [
      'error',
      {
        allowCoexistClass: true,
        allowCoexistStyle: true,
      },
    ],
    'vue/no-multi-spaces': 'error',
    'vue/no-parsing-error': 'error',
    'vue/no-reserved-keys': [
      'error',
      {
        reserved: ['$el', '$nextTick', '$route', '$router', 'asyncData'],
        groups: [],
      },
    ],
    'vue/no-shared-component-data': 'error',
    'vue/no-side-effects-in-computed-properties': 'error',
    'vue/no-template-key': 'error',
    'vue/no-textarea-mustache': 'error',
    'vue/order-in-components': [
      'warn',
      {
        order: [
          ['name', 'delimiters', 'functional', 'model'],
          ['components', 'directives', 'filters'],
          ['parent', 'mixins', 'extends', 'provide', 'inject'],
          'el',
          'template',
          'props',
          'propsData',
          'data',
          'computed',
          'watch',
          'asyncData',
          'onWechatReady',
          'LIFECYCLE_HOOKS',
          'methods',
          'render',
          'renderError',
        ],
      },
    ],
    'vue/require-component-is': 'error',
    'vue/require-default-prop': 0,
    'vue/require-prop-types': 'error',
    'vue/require-render-return': 'error',
    'vue/require-v-for-key': 'error',
    'vue/require-valid-default-prop': 'error',
    'vue/return-in-computed-property': 'error',
    'vue/this-in-template': ['error', 'never'],
    'vue/v-bind-style': ['error', 'shorthand'],
    'vue/v-on-style': ['error', 'shorthand'],
    'vue/valid-template-root': 'error',
    'vue/valid-v-bind': 'error',
    'vue/valid-v-cloak': 'error',
    'vue/valid-v-else-if': 'error',
    'vue/valid-v-else': 'error',
    'vue/valid-v-for': 'error',
    'vue/valid-v-html': 'error',
    'vue/valid-v-if': 'error',
    'vue/valid-v-model': 'error',
    'vue/valid-v-on': 'error',
    'vue/valid-v-once': 'error',
    'vue/valid-v-pre': 'error',
    'vue/valid-v-show': 'error',
    'vue/valid-v-text': 'error',

    // 'vue/html-indent': ['error', 2, {
    //   'attribute': 1,
    //   'closeBracket': 0,
    //   'ignores': []
    // }],
  },
};