.eslintrc.cjs

module.exports = {
    'env': {
        'browser': true,
        'es2021': true,
        'node': true
    },
    'extends': [
        'eslint:recommended', // 使用推荐的eslint
        'plugin:vue/vue3-recommended' // 使用插件支持vue3
    ],
    // eslint-plugin-vue
    'plugins': [
        'vue' // 引入vue的插件 vue <==> eslint-plugin-vue
    ],
    'parser': 'vue-eslint-parser',
    'parserOptions': {
        'ecmaFeatures': {
            'jsx': true
        }
    },
    'globals': {
        defineProps: 'readonly',
        defineEmits: 'readonly',
        defineExpose: 'readonly',
        withDefaults: 'readonly',
        define: 'readonly',
        getCurrentPages: 'readonly',
        getCurrentInstance: 'readonly',
        getApp: 'readonly',
        wx: 'readonly',
        uni: 'readonly'
    },
    // 这里是配置规则的,根据项目情况配置
    'rules': {
        // off = 0 warn = 1 error = 2
        // 'semi': ['warn', 'never'], // 禁止尾部使用分号
        'semi': 'error', // 要求尾部使用分号
        'no-console': 'warn', // 禁止出现console
        'no-debugger': 'warn', // 禁止出现debugger
        'no-duplicate-case': 'warn', // 禁止出现重复case
        'no-empty': 'warn', // 禁止出现空语句块
        'no-extra-parens': 'error', // 禁止不必要的括号
        'no-func-assign': 'warn', // 禁止对Function声明重新赋值
        'no-unreachable': 'warn', // 禁止出现[return|throw]之后的代码块
        'no-else-return': 'error', // 禁止if语句中return语句之后有else块
        'no-empty-function': 'warn', // 禁止出现空的函数块
        'no-lone-blocks': 'warn', // 禁用不必要的嵌套块
        'no-multi-spaces': 'warn', // 禁止使用多个空格
        'no-redeclare': 'warn', // 禁止多次声明同一变量
        'no-return-assign': 'warn', // 禁止在return语句中使用赋值语句
        'no-return-await': 'warn', // 禁用不必要的[return/await]
        'no-self-compare': 'warn', // 禁止自身比较表达式
        'no-useless-catch': 'warn', // 禁止不必要的catch子句
        'no-useless-return': 'error', // 禁止不必要的return语句
        'no-mixed-spaces-and-tabs': 'error', // 禁止空格和tab的混合缩进
        'no-multiple-empty-lines': 'error', // 禁止出现多行空行
        'no-trailing-spaces': 'error', // 禁止一行结束后面不要有空格
        'no-useless-call': 'error', // 禁止不必要的.call()和.apply()
        'no-var': 'error', // 禁止出现var用let和const代替
        'no-delete-var': 'off', // 允许出现delete变量的使用
        'no-shadow': 'off', // 允许变量声明与外层作用域的变量同名
        'dot-notation': 'warn', // 要求尽可能地使用点号
        'default-case': 'warn', // 要求switch语句中有default分支
        'eqeqeq': 'error', // 要求使用 === 和 !==
        'curly': 'error', // 要求所有控制语句使用一致的括号风格
        'space-before-blocks': 'error', // 要求在块之前使用一致的空格
        'space-in-parens': 'error', // 要求在圆括号内使用一致的空格
        'space-infix-ops': 'error', // 要求操作符周围有空格
        'space-unary-ops': 'error', // 要求在一元操作符前后使用一致的空格
        'spaced-comment': 'error', // 要求在注释后使用空格
        'switch-colon-spacing': 'warn', // 要求在switch的冒号左右有空格
        'keyword-spacing': ['error', { 'after': true }],
        'arrow-spacing': 'error', // 要求箭头函数的箭头前后使用一致的空格
        'array-bracket-spacing': 'error', // 要求数组方括号中使用一致的空格
        'computed-property-spacing': 'error', // 强制在计算的属性的方括号中使用一致的空格
        'object-curly-spacing': ['error', 'always'], // 强制在花括号中使用一致的空格
        'semi-spacing': 'error', // 强制分号之前和之后使用一致的空格
        'brace-style': 'error', // 要求在代码块中使用一致的大括号风格
        // 'camelcase': 'warn', // 要求使用骆驼拼写法命名约定
        'indent': ['error', 4], // 要求使用JS一致缩进4个空格
        'key-spacing': ['error', {
            'beforeColon': false, 'afterColon': true
        }], // 对象字面量中冒号的前后空格
        'max-depth': ['warn', 7], // 要求可嵌套的块的最大深度5
        'max-statements': ['warn', 300], // 要求函数块最多允许的的语句数量300
        'max-nested-callbacks': ['warn', 5], // 要求回调函数最大嵌套深度5
        'max-statements-per-line': ['warn', { max: 1 }], // 要求每一行中所允许的最大语句数量
        'quotes': ['warn', 'single', 'avoid-escape'], // 要求统一使用单引号符号
        'vue/require-default-prop': 0, // 关闭属性参数必须默认值
        'vue/singleline-html-element-content-newline': 0, // 关闭单行元素必须换行符
        'vue/multiline-html-element-content-newline': 0, // 关闭多行元素必须换行符
        'vue/multi-word-component-names': 'off', // 关闭文明名称校验
        'comma-dangle': ['error', 'never'], // 对象后不允许尾随逗号
        'comma-spacing': ['error', {
            'before': false, 'after': true
        }], // 规则在变量声明，数组文字，对象文字，函数参数和序列中的逗号前后加上一致的间距
        // 要求每一行标签的最大属性不超五个
        'vue/max-attributes-per-line': ['error', { singleline: 5 }],
        'vue/v-on-event-hyphenation': ['off', 'always', {
            'autofix': true,
            'ignore': []
        }], // 此规则强制在 Vue 模板中的自定义组件上使用带连字符的 v-on 事件名称。
        'vue/attribute-hyphenation': ['off', 'always', { 'ignore': [] }], // 此规则强制在 Vue 模板中的自定义组件上使用带连字符的属性名称。
        // 要求html标签的缩进为需要2个空格
        'vue/html-indent': ['error', 2, {
            'attribute': 1,
            'baseIndent': 1,
            'closeBracket': 0,
            'alignAttributesVertically': true,
            'ignores': []
        }],
        // 取消关闭标签不能自闭合的限制设置
        'vue/html-self-closing': ['error', {
            'html': {
                'void': 'always',
                'normal': 'never',
                'component': 'always'
            },
            'svg': 'always',
            'math': 'always'
        }],
        'vue/no-v-html': 'off'
    }
};