.eslintrc.js

module.exports = {
    parser: "vue-eslint-parser",
    extends: ["eslint:recommended", "plugin:prettier/recommended"],
    overrides: [
        {
            files: ["*.ts"],
            parser: "@typescript-eslint/parser",
            plugins: ["@typescript-eslint"],
            extends: ["plugin:@typescript-eslint/recommended"],
        },
        {
            files: ["*.vue"],
            parser: "vue-eslint-parser",
            extends: [
                "plugin:vue/recommended",
                "plugin:prettier/recommended",
                "plugin:@typescript-eslint/recommended",
            ],
        },
    ],
    parserOptions: {
        ecmaVersion: 2020,
        sourceType: "module",
        parser: "@typescript-eslint/parser",
    },
    env: {
        browser: true,
        node: true,
        commonjs: true,
        es2021: true,
    },
    globals: {
        uni: true,
        wx: true,
        process: true,
        Promise: true,
    },
    rules: {
        // 分号
        "semi": "error",
        // 对象键值引号样式保持一致
        "quote-props": ["error", "consistent-as-needed"],
        // 箭头函数允许单参数不带括号
        "arrow-parens": ["error", "as-needed"],
        // no var
        "no-var": "error",
        // const
        "prefer-const": "error",
        // 允许console
        "no-console": "off",
        //在computed properties中禁用异步actions
        "vue/no-async-in-computed-properties": "error",
        //不允许重复的keys
        "vue/no-dupe-keys": "error",
        //不允许重复的attributes
        "vue/no-duplicate-attributes": "warn",
        // 显示返回
        "@typescript-eslint/explicit-module-boundary-types": "off",
        //在 <template> 标签下不允许解析错误
        "vue/no-parsing-error": [
            "error",
            {
                "x-invalid-end-tag": false,
            },
        ],
        //不允许覆盖保留关键字
        "vue/no-reserved-keys": "error",
        //强制data必须是一个带返回值的函数
        // 'vue/no-shared-component-data': 'error',
        //不允许在computed properties中出现副作用。
        "vue/no-side-effects-in-computed-properties": "error",
        //<template>不允许key属性
        "vue/no-template-key": "warn",
        //在 <textarea> 中不允许mustaches
        "vue/no-textarea-mustache": "error",
        //不允许在v-for或者范围内的属性出现未使用的变量定义
        "vue/no-unused-vars": "warn",
        //<component>标签需要v-bind:is属性
        "vue/require-component-is": "error",
        // render 函数必须有一个返回值
        "vue/require-render-return": "error",
        //保证 v-bind:key 和 v-for 指令成对出现
        "vue/require-v-for-key": "error",
        // 检查默认的prop值是否有效
        "vue/require-valid-default-prop": "error",
        // 保证computed属性中有return语句
        "vue/return-in-computed-property": "error",
        // 强制校验 template 根节点
        "vue/valid-template-root": "error",
        // 强制校验 v-bind 指令
        "vue/valid-v-bind": "error",
        // 强制校验 v-cloak 指令
        "vue/valid-v-cloak": "error",
        // 强制校验 v-else-if 指令
        "vue/valid-v-else-if": "error",
        // 强制校验 v-else 指令
        "vue/valid-v-else": "error",
        // 强制校验 v-for 指令
        "vue/valid-v-for": "error",
        // 强制校验 v-html 指令
        "vue/valid-v-html": "error",
        // 强制校验 v-if 指令
        "vue/valid-v-if": "error",
        // 强制校验 v-model 指令
        "vue/valid-v-model": "error",
        // 强制校验 v-on 指令
        "vue/valid-v-on": "error",
        // 强制校验 v-once 指令
        "vue/valid-v-once": "error",
        // 强制校验 v-pre 指令
        "vue/valid-v-pre": "error",
        // 强制校验 v-show 指令
        "vue/valid-v-show": "error",
        // 强制校验 v-text 指令
        "vue/valid-v-text": "error",
        "vue/comment-directive": 0,
    },
};