ESLint: 规则配置覆盖

MarkTime: missed

LogTime: 2024-11-10 02:15:25

"rules": {
  "no-debugger": 0,
  "incident": [
    "off",
    2
  ]
}

"rules": {
  "no-debugger": "off",
  "no-console": "off",
  "generator-star-spacing": "off",
  "no-tabs": "off",
  "no-unused-vars": "off",
  "no-irregular-whitespace": "off"
}

放置坐标

• 放置于.eslintrc, 编写格式多种

  1. package.json(内容经过删减, 只留下结构为参考)

     • {
         "name": "xxx",
         "version": "1.0.0",
         "private": true,
         "scripts": {
           "serve": "vue-cli-service serve",
           "lint": "vue-cli-service lint",
           "serve:cptest": "vue-cli-service serve --mode cptest",
           "serve:cptestdev": "vue-cli-service serve --mode cptestdev",
         },
         "dependencies": {},
         "devDependencies": {
           "@vue/cli-plugin-eslint": "~4.5.0",
           "@vue/eslint-config-standard": "^5.1.2",
           "babel-eslint": "^10.1.0",
           "eslint": "^6.7.2",
           "eslint-plugin-import": "^2.20.2",
           "eslint-plugin-node": "^11.1.0",
           "eslint-plugin-promise": "^4.2.1",
           "eslint-plugin-standard": "^4.0.0",
           "eslint-plugin-vue": "^6.2.2"
         },
         "eslintConfig": {
           "root": true,
           "env": {
             "node": true
           },
           "extends": [
             "plugin:vue/essential",
             "@vue/standard"
           ],
           "parserOptions": {
             "parser": "babel-eslint"
           },
           "rules": {
             "no-debugger": 1,
             "no-console": 0
           }
         }
       }
       

  2. .eslintrc.cjs

     • /* eslint-env node */
       require('@rushstack/eslint-patch/modern-module-resolution')
       
       module.exports = {
         root: true,
         extends: [
           'plugin:vue/vue3-essential',
           'eslint:recommended',
           '@vue/eslint-config-prettier'
         ],
         parserOptions: {
           ecmaVersion: 'latest'
         },
         rules: {
           'prettier/prettier': [ // 配置 Prettier 的规则
             'error',
             {
               endOfLine: 'auto', // 自动处理换行符
               parser: 'typescript' // 使用 TypeScript 解析器
             }
           ],
           eqeqeq: [ // 强制使用 === 和 !== 替换 == 和 !=
               'warn', 
               'always', // 总是使用严格相等
               { null: 'never' } // 不强制 null 使用严格相等
           ],
           'no-debugger': ['error'], // 禁止使用 debugger 语句
           quotes: ['error', 'single'], // 强制使用单引号
           'vue/no-multi-spaces': [ // 禁止在 Vue 模板中使用多个连续空格
             'error',
             {
               ignoreProperties: false // 不忽略属性中的多空格
             }
           ],
           'vue/no-unused-components': [ // 禁止未使用的 Vue 组件
             'error',
             {
               ignoreWhenBindingPresent: true
             }
           ],
           'vue/no-unused-vars': [ // 禁止在 Vue 模板中未使用的变量
             'error',
             {
               ignorePattern: '^_'
             }
           ],
           'vue/html-closing-bracket-newline': [ // 控制 HTML 关闭标签的换行符
             'error',
             {
               singleline: 'never', // 单行标签不换行
               multiline: 'never' // 多行标签不换行
             }
           ],
           'vue/multi-word-component-names': 'off', // 强制 Vue 组件名称为多词 // 关闭此规则
           'vue/max-attributes-per-line': [ // vue/max-attributes-per-line
             'error',
             {
               singleline: {
                 max: 3 // 单行最多 3 个属性
               },
               multiline: {
                 max: 1 // 多行每行最多 1 个属性
               }
             }
           ]
         }
       }
       
       

  3. ...(不赘述了)