安装

  2. npm install eslint --save-dev 
  3. npm install eslint --global #全局安装
  5. # 设置配置文件
  6. ./node_modules/.bin/eslint --init
  8. # 可以单独运行在一个指定文件 或者目录上面
  9. ./node_modules/.bin/eslint yourfile.js
  11. # 初始化

vue

  1. // eslint-disable-next-line no-undef
  2. module.exports = {
  3.   'env': {
  4.     'browser': true,
  5.     'es2021': true
  6.   },
  7.   'extends': [
  8.     'eslint:recommended',
  9.     'plugin:vue/essential'
  10.   ],
  11.   'parserOptions': {
  12.     'ecmaVersion': 12,
  13.     'sourceType': 'module'
  14.   },
  15.   'plugins': ['vue'],
  16.   'rules': {
  17.     'for-direction': 'error',
  18.     'no-cond-assign': 'error',
  19.     'array-bracket-newline': 0,
  20.     'array-bracket-spacing': 'error',
  21.     'array-callback-return': 'error',
  22.     'callback-return': 'error',
  23.     'array-element-newline': 0,
  24.     'arrow-spacing': 'error',
  25.     'block-scoped-var': 'error',
  26.     'block-spacing': 'error',
  27.     'brace-style': 'error',
  28.     'capitalized-comments': 0,
  29.     'comma-dangle': 0,
  30.     'comma-style': 2,
  31.     'comma-spacing': 'error',
  32.     'complexity': 'error',
  33.     'computed-property-spacing': 'error',
  34.     'consistent-return': 'error',
  35.     'consistent-this': 'error',
  36.     'curly': 'error',
  37.     'default-case': 'error',
  38.     'default-case-last': 'error',
  39.     'default-param-last': 'error',
  40.     'dot-location': 'error',
  41.     'dot-notation': 'error',
  42.     'eol-last': 'error',
  43.     'eqeqeq': 'error',
  44.     'func-call-spacing': 'error',
  45.     'func-name-matching': 'error',
  46.     'func-names': 'error',
  47.     'function-paren-newline': 'error',
  48.     'guard-for-in': 'error',
  49.     'implicit-arrow-linebreak': 'error',
  50.     'indent': ['error', 2, { 'ignoreComments': true }],
  51.     'init-declarations': 'error',
  52.     'no-delete-var': 'error',
  53.     'jsx-quotes': ['error', 'prefer-double'],
  54.     'key-spacing': 'error',
  55.     'keyword-spacing': ['error', { 'after': true, 'before': true}],
  56.     'line-comment-position': ['error', { 'before': true }],
  57.     'linebreak-style': [ 'error','unix'],
  58.     'lines-around-comment': 'error',
  59.     'lines-between-class-members': 'error',
  60.     'no-class-assign': 'error',
  61.     'max-classes-per-file': 'error',
  62.     'max-depth': 'error',
  63.     'max-len': 'error',
  64.     'multiline-comment-style': 'error',
  65.     'new-cap': 'error',
  66.     'new-parens': 'error',
  67.     'newline-per-chained-call': 'error',
  68.     'no-mixed-requires': 0,
  69.     'no-restricted-modules': 0,
  70.     'no-compare-neg-zero': 'error',
  71.     'no-confusing-arrow': 'error',
  72.     'no-case-declarations': 'error',
  73.     'no-dupe-args': 'error',
  74.     'no-dupe-keys': 'error',
  75.     'no-duplicate-case': 'error',
  76.     'no-empty': 'error',
  77.     'no-empty-character-class': 'error',
  78.     'no-duplicate-imports': 'error',
  79.     'no-new-symbol': 'error',
  80.     'no-else-return': 'error',
  81.     'no-empty-function': 'error',
  82.     'no-empty-pattern': 'error',
  83.     'no-eq-null': 'error',
  84.     'no-eval': 'error',
  85.     'no-extra-label': 'error',
  86.     'no-fallthrough': 'error',
  87.     'no-extra-semi': 'error',
  88.     'no-func-assign': 'error',
  89.     'no-inner-declarations': 'error',
  90.     'no-invalid-regexp': 'error',
  91.     'no-irregular-whitespace': 'error',
  92.     'no-obj-calls': 'error',
  93.     'no-regex-spaces': 'error',
  94.     'no-floating-decimal': 'error',
  95.     'no-global-assign': 'error',
  96.      'no-lonely-if': 'error',
  97.     'no-loop-func': 'error',
  98.     'no-loss-of-precision': 'error',
  99.     'no-magic-numbers': 'error',
  100.     'no-multiple-empty-lines': 'error',
  101.     'no-redeclare': 'error',
  102.     'no-return-assign': 'error',
  103.     'no-self-assign': 'error',
  104.     'no-self-compare': 'error',
  105.     'no-sequences': 'error',
  106.     'no-shadow': 'error',
  107.     'no-tabs': 'off',
  108.     'no-shadow-restricted-names': 'error',
  109.     'no-unexpected-multiline': 'error',
  110.     'no-unreachable': 'error',
  111.     'no-unsafe-finally': 'error',
  112.     'no-unsafe-negation': 'error',
  113.     'no-undef': 'error',
  114.     'no-undef-init': 'error',
  115.     'no-undefined': 'error',
  116.     'no-unused-vars': 'error',
  117.     'no-underscore-dangle': 'error',
  118.     'no-unmodified-loop-condition': 'error',
  119.     'no-unneeded-ternary': 'error',
  120.     'no-unreachable-loop': 'error',
  121.     'no-unsafe-optional-chaining': 'error',
  122.     'no-unused-expressions': 'error',
  123.     'no-unused-labels': 'error',
  124.     'no-use-before-define': 'error',
  125.     'no-useless-catch': 'error',
  126.     'no-useless-computed-key': 'error',
  127.     'no-useless-escape': 'error',
  128.     'no-useless-constructor': 'error',
  129.     'no-useless-rename': 'error',
  130.     'no-useless-return': 'error',
  131.     'no-var': 'error',
  132.     'no-whitespace-before-property': 'error',
  133.     'nonblock-statement-body-position': 'error',
  134.     'object-curly-newline': 'error',
  135.     'object-property-newline': 0,
  136.     'object-shorthand': 'error',
  137.     'one-var': 'off',
  138.     'one-var-declaration-per-line': 'error',
  139.     'operator-assignment': 'error',
  140.     'operator-linebreak': 'error',
  141.     'padded-blocks': 'error',
  142.     'padding-line-between-statements': 'error',
  143.     'prefer-arrow-callback': 'error',
  144.     'prefer-const': 'error',
  145.     'no-const-assign': 'error',
  146.     'no-dupe-class-members': 'error',
  147.     'prefer-destructuring': 'error',
  148.     'prefer-object-spread': 'error',
  149.     'prefer-template': 'error',
  150.     'quotes': [
  151.       'error',
  152.       'single'
  153.     ],
  154.     'use-isnan': 'error',
  155.     'valid-typeof': 'error',
  156.     'require-await': 'error',
  157.     'semi': 'off',
  158.     'sort-imports': 'error',
  159.     'semi-spacing': 'error',
  160.     'semi-style': 'error',
  161.     'sort-vars': 'error',
  162.     'space-before-blocks': 'error',
  163.     'space-before-function-paren': 'error',
  164.     'space-in-parens': [
  165.       'error',
  166.       'never'
  167.     ],
  168.     'space-infix-ops': 'error',
  169.     'space-unary-ops': 'error',
  170.     'spaced-comment': 'error',
  171.     'strict': 'off',
  172.     'unicode-bom': 'error',
  173.     'switch-colon-spacing': 'error'
  174.   }
  175. };

.eslintrc.js文件配置

  1. /*
  2.  *@author Augo
  3.  * 单行注释 推荐的规则
  4.  * 多行注释 推荐可选
  5.  * global
  6.  */
  7. /* @global */
  8. module.exports = {
  10.   'root': true,
  12.   // 指定环境
  13.   'env': {
  14.     'browser': true,
  15.     // 'es2021': true,
  16.     'es6': true,
  17.     'node': true
  18.   },
  19.   'extends': [
  20.     'plugin:vue/essential',
  21.     'standard'
  22.     /*
  23.      * 'eslint:recommended',
  24.      *
  25.      */
  26.     // 'plugin:vue/vue3-recommended'
  28.     /*
  29.      *
  30.      * 'plugin:vue/essential',
  31.      *
  32.      */
  33.   ],
  34.   // 'parser': 'babel-eslint',
  36.   // 指定解析器选项
  37.   'parserOptions': {
  38.     'parser': 'babel-eslint',
  39.     /*
  40.      *
  41.      * 设置为 3、5（默认）、6、7、8、9、10、11 或 12 以指定要使用的 ECMAScript 语法版本
  42.      */
  43.     'ecmaVersion': 6,
  45.     // 设置为"script"（默认）或者"module"如果您的代码在 ECMAScript 模块中
  46.     'sourceType': 'module'
  48.     /*
  49.      *  一个对象，指示您要使用哪些附加语言功能
  50.      * 'ecmaFeatures': {
  51.      *   'jsx': true
  52.      *   // 'experimentalObjectRestSpread': true
  53.      * }
  54.      */
  55.   },
  56.   // 使用插件
  57.   'plugins': ['vue'],
  60.   // 配置规则
  63.   'rules': {
  65.      /*
  66.       * Vue3 的校验配置
  67.       * allow async-await
  68.       */
  69.     'generator-star-spacing': 'off',
  70.     // Allow debugger during development
  71.     'vue/no-use-v-if-with-v-for': [
  72.       'error', {
  73.         'allowUsingIterationVar': false
  74.       }
  75.     ],
  76.     'vue/return-in-computed-property': [
  77.       'error', {
  78.         'treatUndefinedAsUnspecified': false
  79.       }
  80.     ],
  81.     'vue/no-unused-components': [
  82.       'error', {
  83.         'ignoreWhenBindingPresent': true
  84.       }
  85.     ],
  86.     'vue/attribute-hyphenation': [
  87.       'error', 'always', {
  88.         'ignore': []
  89.       }
  90.     ],
  91.     'vue/component-name-in-template-casing': [
  92.       'error', 'kebab-case', {
  93.         'ignores': []
  94.       }
  95.     ],
  96.     'vue/html-closing-bracket-newline': [
  97.       'error', {
  98.         'singleline': 'never',
  99.         'multiline': 'always'
  100.       }
  101.     ],
  102.     'vue/html-closing-bracket-spacing': [
  103.       'error', {
  104.         'startTag': 'never',
  105.         'endTag': 'never',
  106.         'selfClosingTag': 'always'
  107.       }
  108.     ],
  109.     'vue/html-indent': [
  110.       'error', 2, {
  111.         'attribute': 1,
  112.         'baseIndent': 1,
  113.         'closeBracket': 0,
  114.         'alignAttributesVertically': true,
  115.         'ignores': []
  116.       }
  117.     ],
  118.     'vue/html-quotes': ['error', 'double'],
  119.     'vue/html-self-closing': [
  120.       'error', {
  121.         'html': {
  122.           'void': 'never',
  123.           'normal': 'never',
  124.           'component': 'always'
  125.         },
  126.         'svg': 'always',
  127.         'math': 'always'
  128.       }
  129.     ],
  130.     'vue/max-attributes-per-line': [
  131.       'error', {
  132.         'singleline': {
  133.           'max': 3,
  134.           'allowFirstLine': true
  135.         },
  136.         'multiline': {
  137.           'max': 3,
  138.           'allowFirstLine': true
  139.         }
  140.       }
  141.     ],
  142.     'vue/multiline-html-element-content-newline': [
  143.       'error', {
  144.         'ignoreWhenEmpty': true,
  145.         'ignores': ['pre', 'textarea']
  146.       }
  147.     ],
  148.     'vue/mustache-interpolation-spacing': ['error', 'always'],
  149.     'vue/name-property-casing': ['error', 'kebab-case'],
  150.     'vue/no-multi-spaces': [
  151.       'error', {
  152.         'ignoreProperties': false
  153.       }
  154.     ],
  155.     'vue/no-spaces-around-equal-signs-in-attribute': ['error'],
  156.     'vue/no-template-shadow': ['error'],
  157.     'vue/prop-name-casing': ['error', 'camelCase'],
  158.     'vue/require-default-prop': ['error'],
  159.     'vue/v-bind-style': ['error', 'shorthand'],
  160.     'vue/v-on-style': ['error', 'shorthand'],
  161.     'vue/attributes-order': [
  162.       'error', {
  163.         'order': [
  164.           'DEFINITION',
  165.           'LIST_RENDERING',
  166.           'CONDITIONALS',
  167.           'RENDER_MODIFIERS',
  168.           'GLOBAL',
  169.           'UNIQUE',
  170.           'TWO_WAY_BINDING',
  171.           'OTHER_DIRECTIVES',
  172.           'OTHER_ATTR',
  173.           'EVENTS',
  174.           'CONTENT'
  175.         ]
  176.       }
  177.     ],
  178.     'vue/order-in-components': [
  179.       'error', {
  180.         'order': [
  181.           'el',
  182.           'name',
  183.           'parent',
  184.           'functional',
  185.           ['delimiters', 'comments'],
  186.           ['components', 'directives', 'filters'],
  187.           'extends',
  188.           'mixins',
  189.           'inheritAttrs',
  190.           'model',
  191.           ['props', 'propsData'],
  192.           'data',
  193.           'computed',
  194.           'watch',
  195.           'LIFECYCLE_HOOKS',
  196.           'methods',
  197.           ['template', 'render'],
  198.           'renderError'
  199.         ]
  200.       }
  201.     ],
  202.     'vue/this-in-template': ['error', 'never'],
  205.     // * 强制 “for” 循环中更新子句的计数器朝着正确的方向移动
  206.     'for-direction': 'error',
  208.     //* * 禁止条件表达式中出现赋值操作符
  209.     'no-cond-assign': 'error',
  211.     /*
  212.      * 强制 getter 和 setter 在对象中成对出现
  213.      * 'accessor-pairs': 'error',
  214.      */
  216.     // 禁止使用异步函数作为 Promise executorrules
  217.     'no-async-promise-executor': 'error',
  220.     //   在数组开括号后和闭括号前强制换行
  221.     'array-bracket-newline': 'error',
  223.     // 强制数组方括号中使用一致的空格
  224.     'array-bracket-spacing': 'error',
  227.     // 强制数组方法的回调函数中有 return 语句
  228.     'array-callback-return': 'error',
  231.     /*
  232.      * 强制数组方法的回调函数中有 return 语句
  233.      * 'callback-return': 'error',
  234.      */
  236.     /*
  237.      * 要求回调函数中有容错处理
  238.      * 'handle-callback-err': 'error',
  239.      */
  241.     /*
  242.      * 强制数组元素间出现换行
  243.      * 'array-element-newline': 'error',
  244.      */
  246.     /*
  247.      * 要求箭头函数体使用大括号
  248.      * 'arrow-body-style': 'error',
  249.      */
  251.     // 要求箭头函数的参数使用圆括号
  252.     'arrow-parens': [
  253.       'error',
  254.       'as-needed'
  255.     ],
  257.     // 强制箭头函数的箭头前后使用一致的空格
  258.     'arrow-spacing': 'error',
  260.     // 强制把变量的使用限制在其定义的作用域范围内
  261.     'block-scoped-var': 'error',
  263.     // 禁止或强制在代码块中开括号前和闭括号后有空格
  264.     'block-spacing': 'error',
  266.     // 强制在代码块中使用一致的大括号风格
  267.     'brace-style': 'error',
  269.     /*
  270.      * 强制使用骆驼拼写法命名约定
  271.      * 'camelcase': 'error',
  272.      */
  275.     // 强制或禁止对注释的第一个字母大写
  276.     'capitalized-comments': 'error',
  278.     // 强制类方法使用 this
  279.     'class-methods-use-this': 'error',
  281.     // 要求或禁止末尾逗号
  282.     'comma-dangle': 'error',
  284.     /*
  285.      * 强制在逗号前后使用一致的空格
  286.      * 'comma-spacing': 'error',
  287.      */
  289.     /*
  290.      * 强制使用一致的逗号风格
  291.      * 'comma-style': 'error',
  292.      */
  294.     /*
  295.      * 指定程序中允许的最大环路复杂度
  296.      * 'complexity': 'error',
  297.      */
  300.     // 强制在计算的属性的方括号中使用一致的空格
  301.     'computed-property-spacing': 'error',
  303.     // 要求 return 语句要么总是指定返回的值，要么不指定
  304.     'consistent-return': 'error',
  306.     /*
  307.      * 当获取当前执行环境的上下文时，强制使用一致的命名
  308.      * 'consistent-this': 'error',
  309.      */
  311.     /*
  312.      * 强制所有控制语句使用一致的括号风格
  313.      * 'curly': 'error',
  314.      */
  316.     // 要求 switch 语句中有 default 分支
  317.     'default-case': 'error',
  319.     /*
  320.      * 最后一个默认案例
  321.      * 'default-case-last': 'error',
  322.      */
  324.     /*
  325.      * 默认参数last
  326.      * 'default-param-last': 'error',
  327.      */
  329.     // 强制在点号之前和之后一致的换行
  330.     'dot-location': 'error',
  332.     // 强制尽可能地使用点号
  333.     'dot-notation': 'error',
  335.     // 要求或禁止文件末尾存在空行
  336.     'eol-last': 'error',
  338.     // 要求使用 === 和 !==
  339.     'eqeqeq': 'error',
  341.     // 要求或禁止在函数标识符和其调用之间有空格
  342.     'func-call-spacing': 'error',
  344.     /*
  345.      * 要求函数名与赋值给它们的变量名或属性名相匹配
  346.      * 'func-name-matching': 'error',
  347.      */
  349.     /*
  350.      * 要求或禁止使用命名的 function 表达式
  351.      * 'func-names': 'error',
  352.      */
  354.     /*
  355.      * 强制一致使用function声明或表达式
  356.      * 'func-style': 'error',
  357.      */
  359.     /*
  360.      * 函数调用参数换行符
  361.      * 'function-call-argument-newline': 'error',
  362.      */
  365.     /*
  366.      * 强制在函数括号内使用一致的换行
  367.      * 'function-paren-newline': 'error',
  368.      */
  371.     /*
  372.      * 禁用指定的标识符
  373.      * 'id-blacklist': 'error',
  374.      */
  376.     /*
  377.      * 强制 generator 函数中 * 号周围使用一致的空格
  378.      * 'generator-star-spacing': 'error',
  379.      */
  381.     /*
  382.      * 分组存取器对
  383.      * 'grouped-accessor-pairs': 'error',
  384.      */
  386.     /*
  387.      * 要求 for-in 循环中有一个 if 语句
  388.      * 'guard-for-in': 'error',
  389.      */
  391.     // 'id-denylist': 'error',
  393.     /*
  394.      * 强制标识符的最小和最大长度
  395.      * 'id-length': 'error',
  396.      */
  398.     /*
  399.      * 要求标识符匹配一个指定的正则表达式
  400.      * 'id-match': 'error',
  401.      */
  404.     // 强制隐式返回的箭头函数体的位置
  405.     'implicit-arrow-linebreak': 'error',
  407.     // 强制使用一致的缩进  缩进 2空格  ignoreComments (默认: false) 当注释不需要与前一行或下一行的注释对齐，可以使用此选项
  408.     'indent': ['error', 2, { 'ignoreComments': true }],
  410.     /*
  411.      * 要求或禁止 var 声明中的初始化
  412.      * 'init-declarations': 'error',
  413.      */
  415.     // 禁止删除变量
  416.     'no-delete-var': 'error',
  418.     /*
  419.      * 该规则强制在 JSX 属性中使用一致的单引号或双引号。
  420.      * "prefer-double" (默认) 强制所有不包含双引号的 JSX 属性值使用双引号。
  421.      * "prefer-single" 强制所有不包含单引号的 JSX 属性值使用单引号。
  422.      */
  423.     'jsx-quotes': ['error', 'prefer-double'],
  426.     // 强制在对象字面量的属性中键和值之间使用一致的间距
  427.     'key-spacing': 'error',
  429.     // 强制在关键字前后使用一致的空格
  430.     'keyword-spacing': [
  431.       'error',
  432.       {
  433.         'after': true,
  434.         'before': true
  435.       }
  436.     ],
  438.     /*
  439.      *
  440.      * 强制行注释的位置
  441.      * 'line-comment-position': ['error', { 'before': true }],
  442.      */
  444.     // 强制使用一致风格
  445.     'linebreak-style': [
  446.       'error',
  447.       // "windows"
  448.       'unix'
  449.     ],
  452.     // 要求注释周围有空格
  453.     'lines-around-comment': 'error',
  455.     // 要求或禁止类成员之间出现空行
  456.     'lines-between-class-members': 'error',
  458.     // 禁止修改类声明的变量
  459.     'no-class-assign': 'error',
  461.     /*
  462.      * 强制每个文件中包含的的类的最大数量
  463.      * 'max-classes-per-file': 'error',
  464.      */
  467.     /*
  468.      * 强制可嵌套的块的最大深度
  469.      * 'max-depth': 'error',
  470.      */
  472.     /*
  473.      * 强制一行的最大长度
  474.      * 'max-len': 'error',
  475.      */
  478.     /*
  479.      *   强制最大文件长度
  480.      * "code"（默认80）强制最大行长度
  481.      * "tabWidth"（默认4）指定制表符的字符宽度
  482.      * "comments"强制注释的最大行长；默认值为code
  483.      * "ignorePattern"忽略匹配正则表达式的行；只能匹配一行，用YAML或JSON编写时需要双重转义
  484.      * "ignoreComments": true 忽略所有尾随注释和它们自己行的注释
  485.      * "ignoreTrailingComments": true 仅忽略尾随评论
  486.      * "ignoreUrls": true 忽略包含 URL 的行
  487.      * "ignoreStrings": true 忽略包含双引号或单引号字符串的行
  488.      * "ignoreTemplateLiterals": true 忽略包含模板文字的行
  489.      * "ignoreRegExpLiterals": true 忽略包含 RegExp 文字的行
  490.      */
  491.     /*
  492.      * 'max-lines': [
  493.      *   'error',
  494.      *   {
  495.      *     'max': 500,
  496.      *     'skipComments': true,
  497.      *     'skipBlankLines': true
  498.      *   }
  499.      * ],
  500.      */
  503.     /*
  504.      * 强制函数最大代码行数
  505.      * 'max-lines-per-function': 'error',
  506.      */
  508.     /*
  509.      * 强制回调函数最大嵌套深度
  510.      * 'max-nested-callbacks': 'error',
  511.      */
  513.     /*
  514.      * 强制函数定义中最多允许的参数数量
  515.      * 'max-params': 'error',
  516.      */
  519.     /*
  520.      * 强制函数块最多允许的的语句数量
  521.      * 'max-statements': 'error',
  522.      */
  524.     /*
  525.      * 强制每一行中所允许的最大语句数量
  526.      * 'max-statements-per-line': 'error',
  527.      */
  530.     // 强制对多行注释使用特定风格
  531.     'multiline-comment-style': 'error',
  533.     /*
  534.      * 要求或禁止在三元操作数中间换行
  535.      * 'multiline-ternary': 'error',
  536.      */
  538.     // 要求构造函数首字母大写
  539.     'new-cap': 'error',
  541.     // 强制或禁止调用无参构造函数时有圆括号
  542.     'new-parens': 'error',
  544.     // 要求方法链中每个调用都有一个换行符
  545.     'newline-per-chained-call': 'error',
  547.     /*
  548.      * 禁用 alert、confirm 和 prompt
  549.      * 'no-alert': 'error',
  550.      */
  552.     /*
  553.      * 禁用 Array 构造函数
  554.      * 'no-array-constructor': 'error',
  555.      */
  557.     // 禁用 Buffer() 构造函数
  558.     'no-buffer-constructor': 'error',
  560.     /*
  561.      * 禁止混合常规变量声明和 require 调用
  562.      * 'no-mixed-requires': 'error',
  563.      */
  565.     /*
  566.      * 禁止调用 require 时使用 new 操作符
  567.      * 'no-new-require': 'error',
  568.      */
  570.     /*
  571.      * 禁止对 __dirname 和 __filename 进行字符串连接
  572.      * 'no-path-concat': 'error',
  573.      */
  575.     /*
  576.      * 禁用 process.env
  577.      * 'no-process-env': 'error',
  578.      */
  580.     /*
  581.      * 禁用 process.exit()
  582.      * 'no-process-exit': 'error',
  583.      */
  586.     /*
  587.      * 禁用通过 require 加载的指定模块
  588.      * 'no-restricted-modules': 'error',
  589.      */
  591.     /*
  592.      * 禁用同步方法
  593.      * 'no-sync': 'error',
  594.      */
  596.     // 禁止在循环中出现 await
  597.     'no-await-in-loop': 'error',
  599.     // 禁止与 -0 进行比较
  600.     'no-compare-neg-zero': 'error',
  602.     /*
  603.      * 禁用按位运算符
  604.      * 'no-bitwise': 'error',
  605.      */
  607.     /*
  608.      * 禁用 arguments.caller 或 arguments.callee
  609.      * 'no-caller': 'error',
  610.      */
  612.     // 禁止在可能与比较操作符相混淆的地方使用箭头函数
  613.     'no-confusing-arrow': 'error',
  615.     // 不允许在 case 子句中使用词法声明
  616.     'no-case-declarations': 'error',
  618.     /*
  619.      * 禁用 console
  620.      * 'no-console': 'error',
  621.      */
  623.     // 禁止在条件中使用常量表达式
  624.     'no-constant-condition': 'error',
  626.     // 禁止在正则表达式中使用控制字符
  627.     'no-control-regex': 'error',
  629.     // 禁用 debugger
  630.     'no-debugger': 'error',
  632.     // 禁止 function 定义中出现重名参数
  633.     'no-dupe-args': 'error',
  635.     // 禁止对象字面量中出现重复的 key
  636.     'no-dupe-keys': 'error',
  638.     // 禁止出现重复的 case 标签
  639.     'no-duplicate-case': 'error',
  641.     // 禁止出现空语句块
  642.     'no-empty': 'error',
  644.     // /禁止在正则表达式中使用空字符集
  645.     'no-empty-character-class': 'error',
  647.     // 禁止对 catch 子句的参数重新赋值
  648.     'no-ex-assign': 'error',
  650.     // 禁止不必要的布尔转换
  651.     'no-extra-boolean-cast': 'error',
  653.     /*
  654.      * 无构造函数返回
  655.      * 'no-constructor-return': 'error',
  656.      */
  658.     /*
  659.      * 要求在构造函数中有 super() 的调用
  660.      * 'constructor-super': 'error',
  661.      */
  663.     // 禁用 continue 语句
  664.     'no-continue': 'error',
  666.     // 禁止除法操作符显式的出现在正则表达式开始的位置
  667.     'no-div-regex': 'error',
  669.     // 禁止重复模块导入
  670.     'no-duplicate-imports': 'error',
  672.     // 禁止 Symbolnew 操作符和 new 一起使用
  673.     'no-new-symbol': 'error',
  675.     // 禁止 if 语句中 return 语句之后有 else 块
  676.     'no-else-return': 'error',
  678.     // 禁止出现空函数
  679.     'no-empty-function': 'error',
  681.     // 禁止使用空解构模式
  682.     'no-empty-pattern': 'error',
  684.     // 禁止在没有类型检查操作符的情况下与 null 进行比较
  685.     'no-eq-null': 'error',
  687.     // 禁用 eval()
  688.     'no-eval': 'error',
  691.     // 禁止扩展原生类型
  692.     'no-extend-native': 'error',
  694.     // 禁止不必要的 .bind() 调用
  695.     'no-extra-bind': 'error',
  697.     // 禁用不必要的标签
  698.     'no-extra-label': 'error',
  700.     // 禁止 case 语句落空
  701.     'no-fallthrough': 'error',
  703.     /*
  704.      * 禁止不必要的括号
  705.      * 'no-extra-parens': 'error',
  706.      */
  708.     // 禁止不必要的分号
  709.     'no-extra-semi': 'error',
  711.     // 禁止对 function 声明重新赋值
  712.     'no-func-assign': 'error',
  714.     // 禁止在嵌套的块中出现变量声明或 function 声明
  715.     'no-inner-declarations': 'error',
  717.     // 禁止 RegExp 构造函数中存在无效的正则表达式字符串
  718.     'no-invalid-regexp': 'error',
  720.     // 禁止不规则的空白
  721.     'no-irregular-whitespace': 'error',
  723.     // 不允许在字符类语法中出现由多个代码点组成的字符
  724.     'no-misleading-character-class': 'error',
  726.     // 禁止把全局对象作为函数调用
  727.     'no-obj-calls': 'error',
  729.     // 禁止直接调用 Object.prototypes 的内置属性
  730.     'no-prototype-builtins': 'error',
  732.     // 禁止正则表达式字面量中出现多个空格
  733.     'no-regex-spaces': 'error',
  735.     // 禁用稀疏数组
  736.     'no-sparse-arrays': 'error',
  739.     // 禁止数字字面量中使用前导和末尾小数点 错误的 .5 真确的 0.5
  740.     'no-floating-decimal': 'error',
  742.     // 禁止对原生对象或只读的全局对象进行赋值
  743.     'no-global-assign': 'error',
  746.     // 禁止使用短符号进行类型转换
  747.     'no-implicit-coercion': 'error',
  749.     /*
  750.      * 禁止在全局范围内使用变量声明和 function 声明
  751.      * 'no-implicitrules-globals': 'error',
  752.      */
  754.     /*
  755.      * 禁止使用类似 eval() 的方法
  756.      * 'no-implied-eval': 'error',
  757.      */
  759.     /*
  760.      * 禁止在代码后使用内联注释
  761.      * 'no-inline-comments': 'error',
  762.      */
  764.     // 禁止 this 关键字出现在类和类对象之外
  765.     'no-invalid-this': 'error',
  767.     // 禁用 __iterator__ 属性
  768.     'no-iterator': 'error',
  770.     /*
  771.      * 不允许标签与变量同名
  772.      * 'no-label-var': 'error',
  773.      */
  775.     // 禁用标签语句
  776.     'no-labels': 'error',
  778.     // 禁用不必要的嵌套块
  779.     'no-lone-blocks': 'error',
  781.     /*
  782.      * 禁止 if 作为唯一的语句出现在 else 语句中
  783.      * 'no-lonely-if': 'error',
  784.      */
  786.     // 禁止在循环语句中出现包含不安全引用的函数声明
  787.     'no-loop-func': 'error',
  789.     /*
  790.      * 无精度损失
  791.      * 'no-loss-of-precision': 'error',
  792.      */
  794.     /*
  795.      * 禁用魔术数字
  796.      * 'no-magic-numbers': 'error',
  797.      */
  799.     /*
  800.      *  禁止混合使用不同的操作符
  801.      * 'no-mixed-operators': 'error',
  802.      *
  803.      */
  805.     /*
  806.      * 禁止连续赋值
  807.      * 'no-multi-assign': 'error',
  808.      */
  811.     /*
  812.      * 禁止空格和 tab 的混合缩进
  813.      * 'no-mixed-spaces-and-tabs': 'error',
  814.      */
  817.     // 禁止使用多个空格
  818.     'no-multi-spaces': 'error',
  820.     // 禁止使用多行字符串
  821.     'no-multi-str': 'error',
  823.     // 禁止出现多行空行
  824.     'no-multiple-empty-lines': 'error',
  826.     /*
  827.      * 禁用否定的表达式
  828.      * 'no-negated-condition': 'error',
  829.      */
  831.     /*
  832.      * 禁用嵌套的三元表达式
  833.      * 'no-nested-ternary': 'error',
  834.      */
  836.     // 禁止使用 new 以避免产生副作用
  837.     'no-new': 'error',
  839.     //  禁止对 Function 对象使用 new 操作符
  840.     'no-new-func': 'error',
  842.     //  禁止对 object 对象使用 new 操作符
  843.     'no-new-object': 'error',
  845.     // 禁止对 String，Number 和 Boolean 使用 new 操作符
  846.     'no-new-wrappers': 'error',
  848.     /*
  849.      * 无非八进制十进制转义
  850.      * 'no-nonoctal-decimal-escape': 'error',
  851.      */
  853.     //  禁用八进制字面量
  854.     'no-octal': 'error',
  855.     // 禁止在字符串中使用八进制转义序列
  856.     'no-octal-escape': 'error',
  858.     // 禁止对 function 的参数进行重新赋值
  859.     'no-param-reassign': 'error',
  861.     // 禁用一元操作符 ++ 和 --
  862.     'no-plusplus': 'error',
  864.     /*
  865.      * 无承诺执行人返回
  866.      * 'no-promise-executor-return': 'error',
  867.      */
  869.     // 禁用 __proto__ 属性
  870.     'no-proto': 'error',
  872.     // 禁止多次声明同一变量
  873.     'no-redeclare': 'error',
  875.     /*
  876.      * 没有限制出口
  877.      * 'no-restricted-exports': 'error',
  878.      */
  880.     /*
  881.      * 禁用特定的全局变量
  882.      * 'no-restricted-globals': 'error',
  883.      */
  885.     /*
  886.      * 禁止使用指定的 import 加载的模块
  887.      * 'no-restricted-imports': 'error',
  888.      */
  890.     /*
  891.      * 禁止在构造函数中，在调用 super() 之前使用 this 或 super
  892.      * 'no-this-before-super': 'error',
  893.      */
  895.     /*
  896.      * 禁止使用对象的某些属性
  897.      * 'no-restricted-properties': 'error',
  898.      */
  900.     /*
  901.      * 禁用特定的语法
  902.      * 'no-restricted-syntax': 'error',
  903.      */
  905.     // 禁止在 return 语句中使用赋值语句
  906.     'no-return-assign': 'error',
  908.     // 禁用不必要的 return await
  909.     'no-return-await': 'error',
  911.     // 禁止使用 javascript: url
  912.     'no-script-url': 'error',
  914.     // 禁止自我赋值
  915.     'no-self-assign': 'error',
  917.     // 禁止自身比较
  918.     'no-self-compare': 'error',
  920.     // 禁用逗号操作符
  921.     'no-sequences': 'error',
  923.     /*
  924.      * 禁止变量声明与外层作用域的变量同名
  925.      * 'no-shadow': 'error',
  926.      */
  928.     /*
  929.      * 禁用 tab
  930.      * 'no-tabs': 'off',
  931.      */
  933.     'no-tabs': 'off',
  935.     // 禁止将标识符定义为受限的名字
  936.     'no-shadow-restricted-names': 'error',
  938.     /*
  939.      * 禁止在常规字符串中出现模板字面量占位符语法
  940.      * 'no-template-curly-in-string': 'error',
  941.      */
  943.     // 禁止出现令人困惑的多行表达式
  944.     'no-unexpected-multiline': 'error',
  946.     // 禁止在 return、throw、continue 和 break 语句之后出现不可达代码
  947.     'no-unreachable': 'error',
  949.     // 禁止在 finally 语句块中出现控制流语句
  950.     'no-unsafe-finally': 'error',
  952.     // 禁止对关系运算符的左操作数使用否定操作符
  953.     'no-unsafe-negation': 'error',
  955.     /*
  956.      * 禁用三元操作符
  957.      * 'no-ternary': 'error',
  958.      */
  961.     // 禁止抛出异常字面量
  962.     'no-throw-literal': 'error',
  964.     // 禁用行尾空格
  965.     'no-trailing-spaces': 'error',
  967.     /*
  968.      * 禁用未声明的变量，除非它们在  global 注释中被提到
  969.      * 'no-undef': 'error',
  970.      *
  971.      */
  974.     // 禁止将变量初始化为 undefined
  975.     'no-undef-init': 'error',
  977.     // 禁止将 undefined 作为标识符
  978.     'no-undefined': 'error',
  980.     // 禁止出现未使用过的变量
  981.     'no-unused-vars': 'error',
  983.     // 禁止标识符中有悬空下划线
  984.     'no-underscore-dangle': 'error',
  986.     // 禁用一成不变的循环条件
  987.     'no-unmodified-loop-condition': 'error',
  989.     // 禁止可以在有更简单的可替代的表达式时使用三元操作符
  990.     'no-unneeded-ternary': 'error',
  993.     /*
  994.      * 没有无法到达的循环
  995.      * 'no-unreachable-loop': 'error',
  996.      */
  998.     /*
  999.      * 没有不安全的可选链接
  1000.      * 'no-unsafe-optional-chaining': 'error',
  1001.      */
  1003.     // 禁止出现未使用过的表达式
  1004.     'no-unused-expressions': 'error',
  1006.     // 禁用出现未使用过的标
  1007.     'no-unused-labels': 'error',
  1009.     // 禁止在变量定义之前使用它们
  1010.     'no-use-before-define': 'error',
  1013.     /*
  1014.      * 沒找到 自动生成的 个人理解 没有无用的反向引用
  1015.      * 'no-useless-backreference': 'error',
  1016.      */
  1018.     /*
  1019.      * 禁止不必要的 .call() 和 .apply()
  1020.      * 'no-useless-call': 'error',
  1021.      */
  1024.     // 禁止不必要的 catch 子句
  1025.     'no-useless-catch': 'error',
  1027.     // 禁止在对象中使用不必要的计算属性
  1028.     'no-useless-computed-key': 'error',
  1030.     /*
  1031.      * 禁止不必要的字符串字面量或模板字面量的连接
  1032.      * 'no-useless-concat': 'error',
  1033.      */
  1035.     // 禁用不必要的转义字符
  1036.     'no-useless-escape': 'error',
  1039.     // 禁用不必要的构造函数
  1040.     'no-useless-constructor': 'error',
  1042.     // 禁止在 import 和 export 和解构赋值时将引用重命名为相同的名字
  1043.     'no-useless-rename': 'error',
  1045.     // 禁止多余的 return 语句
  1046.     'no-useless-return': 'error',
  1048.     // 要求使用 let 或 const 而不是 var
  1049.     'no-var': 'error',
  1051.     /*
  1052.      * 禁用 void 操作符
  1053.      * 'no-void': 'error',
  1054.      */
  1056.     /*
  1057.      * 禁止在注释中使用特定的警告术语
  1058.      * 'no-warning-comments': 'error',
  1059.      */
  1062.     /*
  1063.      * 禁用 with 语句
  1064.      *  'no-with': 'error',
  1065.      */
  1067.     // 禁止属性前有空白
  1068.     'no-whitespace-before-property': 'error',
  1070.     // 强制单个语句的位置
  1071.     'nonblock-statement-body-position': 'error',
  1073.     // 强制大括号内换行符的一致性
  1074.     'object-curly-newline': 'error',
  1076.     /*
  1077.      * 强制在大括号中使用一致的空格
  1078.      * 'object-curly-spacing': [
  1079.      *     'error',
  1080.      *     'error'
  1081.      * ],
  1082.      */
  1084.     // 强制将对象的属性放在不同的行上
  1085.     'object-property-newline': 'error',
  1088.     // 要求或禁止对象字面量中方法和属性使用简写语法
  1089.     'object-shorthand': 'error',
  1091.     // 强制函数中的变量要么一起声明要么分开声明
  1092.     'one-var': 'off',
  1094.     // 要求或禁止在变量声明周围换行
  1095.     'one-var-declaration-per-line': 'error',
  1097.     // 要求或禁止在可能的情况下使用简化的赋值操作符
  1098.     'operator-assignment': 'error',
  1100.     // 强制操作符使用一致的换行符
  1101.     'operator-linebreak': 'error',
  1103.     // 要求或禁止块内填充
  1104.     'padded-blocks': 'error',
  1106.     // 要求或禁止在语句间填充空行
  1107.     'padding-line-between-statements': 'error',
  1109.     // 要求回调函数使用箭头函数
  1110.     'prefer-arrow-callback': 'error',
  1112.     // 要求使用 const 声明那些声明后不再被修改的变量
  1113.     'prefer-const': 'error',
  1115.     // 禁止修改 const 声明的变量
  1116.     'no-const-assign': 'error',
  1118.     // 禁止类成员中出现重复的名称
  1119.     'no-dupe-class-members': 'error',
  1121.     // 优先使用数组和对象解构
  1122.     'prefer-destructuring': 'error',
  1125.     /*
  1126.      * 求幂运算符
  1127.      * 'prefer-exponentiation-operator': 'error',
  1128.      */
  1130.     /*
  1131.      * 建议在正则表达式中使用命名捕获组
  1132.      * 'prefer-named-capture-group': 'error',
  1133.      */
  1135.     /*
  1136.      * 禁用 parseInt() 和 Number.parseInt()，使用二进制，八进制和十六进制字面量
  1137.      * 'prefer-numeric-literals': 'error',
  1138.      */
  1140.     // 禁止使用以对象字面量作为第一个参数的 Object.assign，优先使用对象扩展。
  1141.     'prefer-object-spread': 'error',
  1143.     /*
  1144.      * 要求使用 Error 对象作为 Promise 拒绝的原因
  1145.      * 'prefer-promise-reject-errors': 'error',
  1146.      */
  1148.     /*
  1149.      * 正则
  1150.      * 'prefer-regex-literals': 'error',
  1151.      */
  1154.     // 要求 generator 函数内有 yield
  1155.     'require-yield': 'error',
  1157.     /*
  1158.      * 要求使用剩余参数而不是 arguments
  1159.      * 'prefer-rest-params': 'error',
  1160.      */
  1162.     /*
  1163.      * 要求使用扩展运算符而非 .apply()
  1164.      * 'prefer-spread': 'error',
  1165.      */
  1167.     // 要求使用模板字面量而非字符串连接
  1168.     'prefer-template': 'error',
  1170.     /*
  1171.      * 要求对象字面量属性名称用引号括起来
  1172.      * 'quote-props': 'error',
  1173.      */
  1176.     // 强制使用一致的反勾号、双引号或单引号
  1177.     'quotes': [
  1178.       'error',
  1179.       'single'
  1180.     ],
  1182.     /*
  1183.      * 强制在 parseInt() 使用基数参数
  1184.      * 'radix': 'error',
  1185.      */
  1187.     // 禁止由于 await 或 yield的使用而可能导致出现竞态条件的赋值
  1188.     'require-atomic-updates': 'error',
  1190.     /*
  1191.      * 要求 require() 出现在顶层模块作用域中
  1192.      * 'global-require': 'error',
  1193.      */
  1195.     // 要求使用 isNaN() 检查 NaN
  1196.     'use-isnan': 'error',
  1198.     // 强制 typeof 表达式与有效的字符串进行比较
  1199.     'valid-typeof': 'error',
  1201.     /*
  1202.      * 禁止使用不带 await 表达式的 async 函数
  1203.      * 'require-await': 'error',
  1204.      */
  1206.     /*
  1207.      * 强制在 RegExp 上使用 u 标志
  1208.      * 'require-unicode-regexp': 'error',
  1209.      */
  1211.     // 强制剩余和扩展运算符及其表达式之间有空格
  1212.     'rest-spread-spacing': 'error',
  1214.     // 要求或禁止使用分号代替 ASI
  1215.     'semi': 'off',
  1217.     /*
  1218.      * 强制模块内的 import 字母排序
  1219.      * 'sort-imports': 'error',
  1220.      */
  1222.     // 强制分号之前和之后使用一致的空格
  1223.     'semi-spacing': 'error',
  1225.     // 强制分号的位置
  1226.     'semi-style': 'error',
  1228.     /*
  1229.      * 对象按照字母排序
  1230.      * 'sort-keys': 'error',
  1231.      */
  1233.     //  要求同一个声明块中的变量按顺序排列
  1234.     'sort-vars': 'error',
  1236.     // 强制在块之前使用一致的空格
  1237.     'space-before-blocks': 'error',
  1239.     // 强制在 function的左括号之前使用一致的空格
  1240.     'space-before-function-paren': 'error',
  1242.     // 强制在圆括号内使用一致的空格
  1243.     'space-in-parens': [
  1244.       'error',
  1245.       'never'
  1246.     ],
  1248.     // 要求操作符周围有空格
  1249.     'space-infix-ops': 'error',
  1251.     // 强制在一元操作符前后使用一致的空格
  1252.     'space-unary-ops': 'error',
  1254.     // 强制在注释中 // 或 /* 使用一致的空格
  1255.     'spaced-comment': 'error',
  1257.     //* 要求或禁止使用严格模式指令
  1258.     'strict': 'off',
  1260.     // 要求或禁止在模板标记和它们的字面量之间有空格
  1261.     'unicode-bom': 'error',
  1263.     // 强制在 switch 的冒号左右有空格
  1264.     'switch-colon-spacing': 'error',
  1266.     /*
  1267.      * 要求 symbol 描述
  1268.      * 'symbol-description': 'error',
  1269.      */
  1271.     // 要求或禁止模板字符串中的嵌入表达式周围空格的使用
  1272.     'template-curly-spacing': 'error',
  1274.     // 要求或禁止在模板标记和它们的字面量之间有空格
  1275.     'template-tag-spacing': 'error',
  1277.     /*
  1278.      * 要求所有的 var 声明出现在它们所在的作用域顶部
  1279.      * 'vars-on-top': 'error',
  1280.      */
  1282.     // 要求 IIFE 使用括号括起来
  1283.     'wrap-iife': 'error',
  1285.     // 要求正则表达式被括号括起来
  1286.     'wrap-regex': 'error',
  1288.     // 强制在 yield* 表达式中 * 周围使用空格
  1289.     'yield-star-spacing': 'error'
  1291.     /*
  1292.      * 要求或禁止 “Yoda” 条件
  1293.      * 'yoda': 'error'
  1294.      */
  1296.     /*
  1297.      * 'singleQuote': 'error'
  1298.      * 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
  1299.      */
  1300.   }
  1301. };
  • 规则级别

"off" or 0 - 关闭规则
"warn" or 1 - 将规则视为一个警告（不会影响退出码）
"error" or 2 - 将规则视为一个错误 (退出码为1)

具体规则介绍

https://eslint.bootcss.com/docs/user-guide/configuring#extending-configuration-files
https://eslint.bootcss.com/docs/rules/object-curly-spacing

配置vscode 自动格式化

setting.json

  1.     "editor.codeActionsOnSave": {
  2.         "source.fixAll": true,
  3.         "source.fixAll.eslint": true,
  4.     },
  5.     "eslint.format.enable": true,

忽略文件配置 .eslintignore

  1. #  可以通过.eslintignore在项目的根目录中创建一个文件来告诉 ESLint 忽略特定的文件和目录
  2. # *.js 忽略所有的 js文件