Files
tauri-meeting/eslint.config.js

1430 lines
71 KiB
JavaScript
Raw Permalink Normal View History

import eslint from '@eslint/js';
import tseslint from 'typescript-eslint';
import pluginVue from 'eslint-plugin-vue';
import parserVue from 'vue-eslint-parser';
import jsdoc from 'eslint-plugin-jsdoc';
import globals from 'globals';
import configPrettier from 'eslint-config-prettier';
import { defineConfig } from 'eslint/config';
/** 得到vue版本 (如3.2.45) */
const vueVersions = '3.4.27';
const vueVersionsNumb = 3.3;
/** 是否有TS验证规则 */
const tsVerify = true;
export default defineConfig(
{
ignores: ['**/src/sdk/tstudy_digital_pen/src/*.js'],
},
eslint.configs.recommended,
configPrettier,
...pluginVue.configs['flat/recommended'],
...tseslint.configs.strict,
...tseslint.configs.stylistic,
{
languageOptions: {
globals: {
...globals.node,
...globals.browser,
ElMessage: 'readonly',
ElLoading: 'readonly',
ElMessageBox: 'readonly',
__APP_VERSION_TIMESTAMP__: 'readonly', // APP版本号时间戳(在vite.config中配置)
},
},
plugins: {
jsdoc,
},
rules: {
...getBaseRules(),
...getJsDocRules(),
},
},
{
files: ['**/*.ts', '**/*.cts', '**/*.mts', '**/*.ctsx', '**/*.mtsx', '**/*.tsx'],
languageOptions: {
parser: tseslint.parser,
parserOptions: {
sourceType: 'module',
},
},
plugins: {
'@typescript-eslint': tseslint.plugin,
},
rules: {
...getTypescriptRules(),
},
},
{
files: ['**/*.d.ts'],
rules: {
'init-declarations': 'off',
},
},
{
files: ['**/*.js', '**/*.cjs', '**/*.mjs', '**/*.cjsx', '**/*.mjsx', '**/*.jsx'],
rules: {
'@typescript-eslint/no-require-imports': 'off',
'@typescript-eslint/no-var-requires': 'off',
},
},
{
files: ['**/*.vue'],
languageOptions: {
globals: {},
parser: parserVue,
ecmaVersion: 'latest', // 启用es2020的语法包含以下版本 2015(同6)、2016(同7)、2017(同8)、2018(同9)、2019(同10)、2020(同11)、2021(同为 12)或 2022(与 13 相同)以使用基于年份的命名。您还可以设置 “latest” 以使用最新支持的版本
sourceType: 'module',
parserOptions: {
extraFileExtensions: ['.vue'],
parser: tseslint.parser,
sourceType: 'module',
// project: true,
// tsconfigRootDir: import.meta.dirname,
ecmaFeatures: {
jsx: true,
impliedStrict: true, // 启用全局严格模式
},
},
},
plugins: {
vue: pluginVue,
'@typescript-eslint': tseslint.plugin,
},
processor: pluginVue.processors['.vue'],
rules: {
...getVueRules(),
...getTypescriptRules(),
},
},
{
files: ['**/*.js'],
rules: {
'no-undef': 'error',
'no-unused-vars': 'error',
'default-param-last': 'error',
'init-declarations': ['error', 'always'],
'no-empty-function': 'error',
'no-shadow': 'error',
'@typescript-eslint/no-unused-expressions': 'off',
},
}
);
/**
* 得到eslint的规则
*/
function getBaseRules() {
return {
/** *************************************************** 这些规则与代码中可能的逻辑错误有关 */
// 强制数组方法的回调函数中有 return 语句
'array-callback-return': 'error',
// 强制在子类构造函数中用super()调用父类构造函数,TypeScrip的编译器也会提示
'constructor-super': 'error',
// 强制 “for” 循环中更新子句的计数器朝着正确的方向移动
'for-direction': 'error',
// 强制在 getter 属性中出现一个 return 语句。每个 getter 都期望有返回值。
'getter-return': 'error',
// 禁止使用异步函数作为 Promise executor
'no-async-promise-executor': 'error',
// 不允许await在循环体内使用。
'no-await-in-loop': 'error',
// 禁止修改类声明的变量
'no-class-assign': 'error',
// 针对试图与-0进行比较的代码发出警告,因为这不会按预期工作。也就是说,像x === -0这样的代码将通过+0和-0。作者可能打算 Object.is(x,-0)。
'no-compare-neg-zero': 'error',
// 禁止条件表达式中出现赋值操作符
'no-cond-assign': 'error',
// 禁止修改 const 声明的变量
'no-const-assign': 'error',
// 将始终评估为真或假的比较以及始终短路或从不短路的逻辑表达式 ( ||, &&, ??) 都可能表明程序员错误
'no-constant-binary-expression': 'error',
// [对应 vue/no-constant-condition]禁止在条件中使用常量表达式 [if (false) {} 错] [if (aa===false) {} 对]
'no-constant-condition': 'error',
// 不允许从构造函数返回值
'no-constructor-return': 'error',
// 禁止在正则表达式中使用控制字符 new RegExp("\x1f")
'no-control-regex': 'error',
// 禁用 debugger
'no-debugger': 'error',
// 禁止 function 定义中出现重名参数
'no-dupe-args': 'error',
// 禁止类成员中出现重复的名称
// 'no-dupe-class-members': 'error',
// 不允许 if-else-if 链中的重复条件
'no-dupe-else-if': 'error',
// 禁止对象字面量中出现重复的 key
'no-dupe-keys': 'error',
// 禁止重复的 case 标签
'no-duplicate-case': 'error',
// 不允许复制模块的进口
'no-duplicate-imports': 'error',
// 禁止在正则表达式中使用空字符集 (/^abc[]/)
'no-empty-character-class': 'error',
// [对应 vue/no-empty-pattern]禁止使用空解构模式no-empty-pattern
'no-empty-pattern': 'error',
// 禁止对 catch 子句的参数重新赋值
'no-ex-assign': 'error',
// 禁止 case 语句落空
'no-fallthrough': 'error',
// 禁止对 function 声明重新赋值
'no-func-assign': 'error',
// 禁止对 function 声明重新赋值
'no-import-assign': 'error',
// 禁止在嵌套的块中出现 function 或 var 声明
'no-inner-declarations': ['error', 'both'],
// 禁止 RegExp 构造函数中无效的正则表达式字符串
'no-invalid-regexp': 'error',
// 禁止在字符串和注释之外不规则的空白
'no-irregular-whitespace': ['error', { skipStrings: true }],
// 不允许丢失精度的数值
'no-loss-of-precision': 'error',
// 不允许在字符类语法中出现由多个代码点组成的字符, 因为Unicode 包括由多个代码点组成的字符。RegExp 字符类语法 (/[abc]/) 不能处理由多个代码点组成的字符
'no-misleading-character-class': 'error',
// 不允许在字符类语法中出现由多个代码点组成的字符, 因为Unicode 包括由多个代码点组成的字符。RegExp 字符类语法 (/[abc]/) 不能处理由多个代码点组成的字符
'no-new-native-nonconstructor': 'error', // 禁止在不能使用new的变量前使用new
// 禁止 Symbol 的构造函数
'no-new-symbol': 'error',
// 禁止把全局对象 (Math 和 JSON) 作为函数调用 错误var math = Math();
'no-obj-calls': 'error',
// 不允许从 Promise 执行器函数返回值
'no-promise-executor-return': 'error',
// 禁止直接使用 Object.prototypes的内置属性 例如,foo.hasOwnProperty("bar") 应该替换为 Object.prototype.hasOwnProperty.call(foo, "bar")
'no-prototype-builtins': 'error',
// 禁止自我赋值
'no-self-assign': 'error',
// 禁止自身比较
'no-self-compare': 'error',
// 虽然从 setter 返回值不会产生错误,但返回的值将被忽略。因此,从 setter 返回值要么是不必要的,要么是可能的错误,因为不能使用返回的值。
'no-setter-return': 'error',
// [对应 vue/no-sparse-arrays]禁用稀疏数组
'no-sparse-arrays': 'error',
// 警告常规字符串包含看起来像模板字面占位符的内容。"Hello ${name}!";
'no-template-curly-in-string': 'error',
// 禁止在构造函数中,在调用 super() 之前使用 this 或 super
'no-this-before-super': 'error',
// 禁用未声明的变量,除非它们在 /*global */ 注释中被提到
'no-undef': tsVerify ? 'off' : 'error',
// 禁止出现令人困惑的多行表达式
'no-unexpected-multiline': 'error',
// 禁用一成不变的循环条件
'no-unmodified-loop-condition': 'error',
// 禁止在return、throw、continue 和 break语句之后出现不可达代码
'no-unreachable': 'error',
// 禁止无法访问的循环
'no-unreachable-loop': 'error',
// 禁止在 finally 语句块中出现控制流语句
'no-unsafe-finally': 'error',
// 禁止否定关系运算符的左操作数
'no-unsafe-negation': ['error', { enforceForOrderingRelations: true }],
// 禁止在不允许使用值的上下文中使用[可选链?.] 如(undefined)
'no-unsafe-optional-chaining': 'error',
// 禁止未使用的私有类成员
'no-unused-private-class-members': 'error',
// 禁止出现未使用过的变量
'no-unused-vars': tsVerify ? 'off' : 'error',
// 不允许在变量定义之前使用它们
'no-use-before-define': ['error', { functions: false, classes: true, variables: true }],
// 禁止在正则表达式中使用无用的反向引用
'no-useless-backreference': 'error',
// 禁止由于 await 或 yield的使用而可能导致出现竞态条件的赋值
'require-atomic-updates': ['error', { allowProperties: true }],
// 不允许比较"NaN"。判断数字是否是NaN,得用isNaN
'use-isnan': 'error',
// 强制 typeof 表达式与有效的字符串进行比较
'valid-typeof': 'error',
/** *************************************************** 这些规则建议了不同的做事方式 */
// 定义对象的set存取器属性时,强制定义get
'accessor-pairs': ['error', { setWithoutGet: true, getWithoutSet: true }],
// 要求箭头函数体使用大括号
'arrow-body-style': ['off', 'as-needed'],
// 强制把变量的使用限制在其定义的作用域范围内
'block-scoped-var': 'error',
// [对应 vue/camelcase] 强制执行驼峰命名约定
camelcase: 'off',
// 注释 大写字母开头,不推荐 注释的代码会报错
'capitalized-comments': 'off',
// 如果一个类方法没有使用this,它有时可以变成一个静态函数。如果将该方法转换为静态函数,那么调用该特定方法的类的实例也必须转换为静态调用
'class-methods-use-this': 'off',
// 限制圈复杂度,也就是类似if else能连续接多少个
complexity: 'off',
// 要求 return 语句要么总是指定返回的值,要么不指定
'consistent-return': 'error',
// 用于指统一在回调函数中指向this的变量名, var that = this; that不能指向其他任何值,this也不能赋值给that以外的其他值
'consistent-this': ['error', 'that'],
// 强制所有控制语句使用一致的括号风格
curly: ['error', 'all'],
// switch 语句强制 default 分支,也可添加 // no default 注释取消此次警告
'default-case': 'error',
// 将 switch 语句中的缺省子句强制为最后一个
'default-case-last': 'error',
// 将默认参数强制放在最后
'default-param-last': tsVerify ? 'off' : 'error',
// [对应 vue/dot-notation]强制使用.号取属性
'dot-notation': 'error',
// [对应 vue/eqeqeq]使用 === 替代 == allow-null允许null和undefined==
eqeqeq: ['error', 'always'],
// 要求函数名称与它们所分配的变量或属性的名称相匹配
'func-name-matching': 'error',
// 强制使用命名的 function 表达式
'func-names': ['error', 'always', { generators: 'as-needed' }],
// 强制一致地使用函数声明或函数表达式,方法定义风格
'func-style': ['error', 'declaration', { allowArrowFunctions: true }],
// 强制如果一个属性有一个 getter 和一个 setter,那么 setter 应该在 getter 之后定义
'grouped-accessor-pairs': ['error', 'getBeforeSet'],
// 要求 for-in 循环中有一个 if 语句
'guard-for-in': 'off',
// 禁止使用指定的标识符
'id-denylist': 'off',
// 强制标识符的最小和最大长度 (变量名长度)
'id-length': 'off',
// 要求标识符匹配一个指定的正则表达式
'id-match': 'off',
// 要求或禁止 var 声明中的初始化(初值)
'init-declarations': tsVerify ? 'off' : ['error', 'always'],
// 要求或禁止逻辑赋值逻辑运算符速记
'logical-assignment-operators': ['error', 'never'],
// 强制实施每个文件的最大类数
'max-classes-per-file': 'off',
// 强制执行嵌套块的最大深度,以降低代码复杂度。"max"(默认为4)
'max-depth': ['off', { max: 6 }],
// 强制文件的最大行数
'max-lines': 'off',
// 强制文件的最大行数
'max-lines-per-function': 'off',
// 强制回调函数最大嵌套深度 5层
'max-nested-callbacks': ['off', { max: 5 }],
// 强制 function 定义中最多允许的参数数量
'max-params': ['off', { max: 12 }],
// 强制 function 块最多允许的的语句数量
'max-statements': 'off',
// 强化多行评论的特定风格。
'multiline-comment-style': 'off',
// 要求构造函数首字母大写 (要求调用 new 操作符时有首字母大小的函数,允许调用首字母大写的函数时没有 new 操作符。)
'new-cap': ['error', { newIsCap: true, capIsNew: false }],
// 禁用 alert、confirm 和 prompt
'no-alert': 'error',
// 禁止使用 Array 构造函数
'no-array-constructor': 'error',
// 禁用按位运算符
'no-bitwise': 'error',
// 禁用 arguments.caller 或 arguments.callee
'no-caller': 'error',
// 不允许在 case 子句中使用词法声明
'no-case-declarations': 'error',
// 禁用 console
'no-console': 'off',
// 禁用 continue 语句
'no-continue': 'error',
// 禁止删除变量
'no-delete-var': 'error',
// 禁止除法操作符显式的出现在正则表达式开始的位置
'no-div-regex': 'error',
// 禁止 if 语句中有 return 之后有 else
'no-else-return': 'off',
// 禁止空语句块
'no-empty': ['error', { allowEmptyCatch: true }],
// 禁止出现空函数. 如果一个函数包含了一条注释,它将不会被认为有问题。
'no-empty-function': tsVerify ? 'off' : 'error',
// 禁止空静态块
'no-empty-static-block': 'error',
// 禁止在没有类型检查操作符的情况下与 null 进行比较
'no-eq-null': 'error',
// 禁用 eval()
'no-eval': 'error',
// 禁止扩展原生类型
'no-extend-native': ['error', { exceptions: ['Object', 'Array'] }],
// 禁止不必要的 .bind() 调用
'no-extra-bind': 'error',
// 禁止不必要的布尔转换
'no-extra-boolean-cast': 'error',
// 禁用不必要的标签
'no-extra-label': 'error',
// 此规则不允许修改只读全局变量。
'no-global-assign': 'error',
// 禁止使用短符号进行类型转换(!!fOO)
'no-implicit-coercion': 'error',
// 禁止在全局范围内使用 var 和命名的 function 声明
'no-implicit-globals': 'error',
// 禁止使用类似 eval() 的方法
'no-implied-eval': 'error',
// 禁止在代码行后使用内联注释
'no-inline-comments': 'off',
// 禁止 this 关键字出现在类和类对象之外
'no-invalid-this': 'error',
// 禁用 __iterator__ 属性
'no-iterator': 'error',
// 不允许标签与变量同名
'no-label-var': 'error',
// 禁用标签语句
'no-labels': 'error',
// 禁用不必要的嵌套块
'no-lone-blocks': 'error',
// 禁止 if 作为唯一的语句出现在 else 语句中
'no-lonely-if': 'off',
// 禁止在循环中出现 function 声明和表达式
'no-loop-func': 'error',
// 禁用魔术数字(3.14什么的用常量代替)
'no-magic-numbers': 'off',
// 不允许在单个语句中使用多个分配。a = b = c = d;
'no-multi-assign': 'error',
// 禁止使用多行字符串,在 JavaScript 中,可以在新行之前使用斜线创建多行字符串
'no-multi-str': 'error',
// 不允许否定的表达式
'no-negated-condition': 'off',
// 不允许使用嵌套的三元表达式 var foo = bar ? baz : qux === quxx ? bing : bam;
'no-nested-ternary': 'off',
// 禁止在非赋值或条件语句中使用 new 操作符
'no-new': 'off',
// 禁止对 Function 对象使用 new 操作符
'no-new-func': 'error',
// 禁止对 String,Number 和 Boolean 使用 new 操作符
'no-new-wrappers': 'error',
// 禁止字符串文本中的序列并转义序列\8\9
'no-nonoctal-decimal-escape': 'error',
// 通常不鼓励使用构造函数来构造新的空对象,而支持对象文字表示法,因为简洁,并且全局可以重新定义。 例外情况是,当构造函数用于有意包装作为参数传递的指定值时
'no-object-constructor': 'error',
// 禁用八进制字面量
'no-octal': 'error',
// 禁止在字符串中使用八进制转义序列
'no-octal-escape': 'error',
// 不允许对 function 的参数进行重新赋值
'no-param-reassign': 'error',
// 禁止使用一元操作符 ++ 和 --
'no-plusplus': 'off',
// 禁用 __proto__ 属性
'no-proto': 'error',
// 禁止使用 var 多次声明同一变量
'no-redeclare': 'error',
// 禁止正则表达式字面量中出现多个空格
'no-regex-spaces': 'error',
// 禁止在导出中指定名称
'no-restricted-exports': 'off',
// 禁止在导出中指定名称 restrictedNamedExports中就是限制导出的名称 禁用特定的全局变量
'no-restricted-globals': ['error', { name: 'event', message: 'event请在方法的参数中定义event' }],
// 禁止加载指定的模块 paths中就是需要禁止加载的模块
'no-restricted-imports': ['off', { paths: ['import1', 'import2'] }],
// 禁止某些对象上的某些属性 如果省略对象名称,则不允许所有对象使用该属性;如果省略属性名称,则不允许访问给定对象的任何属性
'no-restricted-properties': [
'off',
{
object: '对象名称',
property: '对象对象下的属性名称',
message: '提示消息',
},
],
// 禁止使用特定的语法
'no-restricted-syntax': ['off', { selector: '语法', message: '提示消息' }],
// 禁止在返回语句中赋值 (return foo = bar + 2; 错误)
'no-return-assign': 'error',
// 禁止使用 javascript: url
'no-script-url': 'error',
// 禁用逗号操作符
'no-sequences': 'error',
// 禁止变量声明与外层作用域的变量同名
'no-shadow': tsVerify ? 'off' : 'error',
// 禁止覆盖受限制的标识符
'no-shadow-restricted-names': 'error',
// 不允许使用三元操作符
'no-ternary': 'off',
// 禁止抛出非异常字面量
'no-throw-literal': 'error',
// 禁止将变量初始化为undefined
'no-undef-init': 'off',
// 禁止将 undefined 作为标识符
'no-undefined': 'off',
// 禁止标识符中有悬空下划线_bar
'no-underscore-dangle': 'off',
// 禁止在有比三元操作符更简单表达式时使用三元操作符
'no-unneeded-ternary': 'error',
// 禁止出现未使用过的表达式
'no-unused-expressions': ['error', { allowShortCircuit: true, allowTernary: true }],
// 禁用未使用过的标签
'no-unused-labels': 'error',
// 禁止不必要的 .call() 和 .apply()
'no-useless-call': 'error',
// 禁止不必要的 catch 子句
'no-useless-catch': 'error',
// 禁止不必要的计算性能键对象的文字
'no-useless-computed-key': 'error',
// [对应 vue/no-useless-concat]禁止不必要的字符串字面量或模板字面量的连接
'no-useless-concat': 'error',
// ES2015 会提供默认的类构造函数。因此,没有必要提供一个空构造函数或一个简单地委托给它的父类的构造函数,
'no-useless-constructor': 'error',
// 禁用不必要的转义字符
'no-useless-escape': 'error',
// 不允许将导入、导出和解构分配重命名为相同的名称。
'no-useless-rename': 'error',
// 禁止冗余返回语句
'no-useless-return': 'error',
// 要求使用 let 或 const 而不是 var
'no-var': 'error',
// 禁用 void 操作符
'no-void': 'error',
// 禁止在注释中使用特定的警告术语
'no-warning-comments': 'off',
// 禁用 with 语句
'no-with': 'error',
// 要求或禁止对象字面量中方法和属性使用简写语法
'object-shorthand': ['error', 'always'],
// 强制函数中的变量要么一起声明要么分开声明
'one-var': ['error', 'never'],
// 要求或禁止在可能的情况下要求使用简化的赋值操作符
'operator-assignment': ['error', 'always'],
// 要求使用箭头函数作为回调
'prefer-arrow-callback': 'error',
// 要求使用 const 声明那些声明后不再被修改的变量
'prefer-const': 'error',
// 优先使用数组和对象解构
'prefer-destructuring': 'off',
// 禁止使用 有利于运营商的Math.pow()
'prefer-exponentiation-operator': 'error',
// 强制在正则表达式中使用命名捕获组
'prefer-named-capture-group': 'off',
// 禁止调用parseInt()或Number.parseInt()使用两个参数调用:一个字符串; 和2(二进制),8(八进制)或16(十六进制)的基数选项。
'prefer-numeric-literals': 'error',
// 禁止使用Object.prototype.hasOwnProperty.call() 而应该使用Object.hasOwn()
'prefer-object-has-own': 'error',
// 优先使用扩展("...")而不是Object.assign
'prefer-object-spread': 'error',
// 确保承诺只被Error对象拒绝。
'prefer-promise-reject-errors': 'off',
// 不允许使用构造函数创建正则表达式
'prefer-regex-literals': 'off',
// 禁止使用 arguments 而应该使用 ...args
'prefer-rest-params': 'error',
// 要求使用扩展运算符而非 .apply()
'prefer-spread': 'error',
// [对应 vue/prefer-template]要求使用模板字面量而非字符串连接
'prefer-template': 'error',
// 强制在parseInt()使用基数参数
radix: 'off',
// 禁止无用的赋值
'no-useless-assignment': 'off',
// 异步函数必须具有await表达式
'require-await': 'error',
// 在正则表达式上强制使用标志
'require-unicode-regexp': 'off',
// 要求generator 函数内有 yield
'require-yield': 'error',
// 强制模块内的 import 排序
'sort-imports': ['error', { ignoreDeclarationSort: true }],
// 所有属性定义并验证所有变量是按字母顺序排序的。
'sort-keys': 'off',
// 要求同一个声明块中的变量按顺序排列
'sort-vars': 'error',
// 要求或禁止使用严格模式指令
strict: ['error', 'global'],
// var foo = Symbol("some description"); 一定要有描述
'symbol-description': 'error',
// 要求所有的 var 声明出现在它们所在的作用域顶部
'vars-on-top': 'error',
// 要求或禁止 “Yoda” 条件
yoda: 'error',
/** *************************************************** 这些规则关心代码的外观,而不是它的执行方式 */
// 强制行注释可以位于代码上方或旁边。该规则有助于团队保持一致的风格。
'line-comment-position': 'off',
// 要求或不允许 Unicode 字节顺序标记
'unicode-bom': ['error', 'never'],
};
}
/**
* 得到规则对象
*/
function getVueRules() {
const v2v3 = {};
const v2 = {};
const v3 = {};
const rest = {};
/** *************************************************** 基本规则(启用正确的 ESLint 解析) */
// 支持中的注释指令
v2v3['vue/comment-directive'] = 'error';
// 规则将查找 JSX 中使用的变量,并将它们标记为已使用
v2v3['vue/jsx-uses-vars'] = 'error';
/** *************************************************** 优先级 A基本(错误预防) */
// 此规则要求组件名称始终是多字的,但根组件除外,以及 Vue 提供的内置组件,例如或 。这可防止与现有和未来的 HTML 元素发生冲突,因为所有 HTML 元素都是一个词
v2v3['vue/multi-word-component-names'] = 'off';
// 不允许使用箭头功能来定义观察者 (watch),原因是箭头函数绑定的this不是vue实例
v2v3['vue/no-arrow-functions-in-watch'] = 'error';
// 计算属性(computed)中禁止出现异步函数 ,
v2v3['vue/no-async-in-computed-properties'] = 'error';
// v-html和v-text不允许出现子元素 [<div v-html="aa"></div> 正确][<div v-html="aa">{{ aaa }}</div> 错误]
v2v3['vue/no-child-content'] = 'error';
// 在data中禁止访问计算属性(computed)因为data中computed的属性还没被生成
v2v3['vue/no-computed-properties-in-data'] = 'error';
// 禁止v-model自定义修饰器
v2['vue/no-custom-modifiers-on-v-model'] = 'error';
// 禁止在data上使用弃用的对象声明
v3['vue/no-deprecated-data-object-declaration'] = 'error';
// 禁止使用已经废弃的生命周期函数(vue3.0)
v3['vue/no-deprecated-destroyed-lifecycle'] = 'error';
// 禁止使用 $listeners 因为 $listeners 已废弃 (vue3.0)
v3['vue/no-deprecated-dollar-listeners-api'] = 'error';
// 禁止使用 .$scopedSlots 因为 .$scopedSlots 已废弃 (vue3.0)
v3['vue/no-deprecated-dollar-scopedslots-api'] = 'error';
// 禁止使用 $on,$off,$once 因为 $on,$off,$once 已废弃 (vue3.0)
v3['vue/no-deprecated-events-api'] = 'error';
// 禁止使用 {{ msg | filter }} filter已废弃 (vue3.0)
v3['vue/no-deprecated-filter'] = 'error';
// 禁止使用 <template functional> 因为 functional声明已废弃 (vue3.0)
v3['vue/no-deprecated-functional-template'] = 'error';
// 禁止在非 <component>中使用 is或:is (vue3.0)
v3['vue/no-deprecated-html-element-is'] = 'error';
// 禁止使用 <template inline-template> 因为 inline-template 声明已废弃 (vue3.0)
v3['vue/no-deprecated-inline-template'] = 'error';
// 禁止在props中使用this,因为在vue3.0中props已经不能访问this了 (vue3.0)
v3['vue/no-deprecated-props-default-this'] = 'error';
// 禁止在 <router-link> 使用tag属性 因为在vue3.0+vueRouter4.0中tag已被弃用 (vue3.0)
v3['vue/no-deprecated-router-link-tag-prop'] = 'error';
// 禁止在 <template> 使用 scope 因为 vue2.5.0+中scope已被废弃 (vue3.0)
v3['vue/no-deprecated-scope-attribute'] = 'error';
// 禁止在 <template> 使用 slot 因为 vue2.6.0+中slot已被废弃, 可使用 v-slot (vue3.0)
v3['vue/no-deprecated-slot-attribute'] = 'error';
// 禁止在 <template> 使用 slot-scope 因为 vue2.6.0+中slot-scope已被废弃, 可使用 v-slot (vue3.0)
v3['vue/no-deprecated-slot-scope-attribute'] = 'error';
// 禁止使用.sync修饰 因为.sync修饰已废弃 (vue3.0)
v3['vue/no-deprecated-v-bind-sync'] = 'error';
// 禁止使用 v-is 因为v-is已废弃 可以使用 is(vue3.0)
v3['vue/no-deprecated-v-is'] = 'error';
// 禁止使用.native修饰 因为.native修饰已废弃 (vue3.0)
v3['vue/no-deprecated-v-on-native-modifier'] = 'error';
// 禁止使用KeyboardEvent.keyCode的修饰,而应该使用KeyboardEvent.key 的修饰[ @keyup.page-down 正确] [ @keyup.34 错误 ] (vue3.0)
v3['vue/no-deprecated-v-on-number-modifiers'] = 'error';
// 禁止使用Vue.config.keyCodes={f1:'112'} vue3.0因为不再支持config.keyCode定义全局键码 (vue3.0)
v3['vue/no-deprecated-vue-config-keycodes'] = 'error';
// 禁止出现相同的属性名(props,data,methods,computed等中不能有相同的属性名称)
v2v3['vue/no-dupe-keys'] = 'error';
// if条件中禁止出现相同的条件
v2v3['vue/no-dupe-v-else-if'] = 'error';
// 不允许重复的属性
v2v3['vue/no-duplicate-attributes'] = 'error';
// <script setup lang="ts"> 中禁止 export (vue3.0)
v2v3['vue/no-export-in-script-setup'] = 'error';
// 禁止异步注册 expose
v3['vue/no-expose-after-await'] = 'error';
// 禁止 async setup(){} 中声生命周期函数应该出现在 await 之前(vue3.0)
v3['vue/no-lifecycle-after-await'] = 'error';
// 禁止两个根元素或根元素为字符串
v2['vue/no-multiple-template-root'] = 'error';
// 禁止改变props中的属性
v2v3['vue/no-mutating-props'] = 'error';
// 禁止出现语法错误 (解析错误)
v2v3['vue/no-parsing-error'] = 'error';
// ref() 定义的属性必须使用.value修改,而不能直接修改(vue3.0)
v2v3['vue/no-ref-as-operand'] = 'error';
// 组件名不允许出现保留的名称
v2v3['vue/no-reserved-component-names'] = 'error';
// 禁止覆盖保留关键字
v2v3['vue/no-reserved-keys'] = 'error';
// 不允许在props中使用保留字段
v2v3['vue/no-reserved-props'] = 'error';
// 组件的data必须是一个返回函数
v2v3['vue/no-shared-component-data'] = 'error';
// 禁止修改计算属性
v2v3['vue/no-side-effects-in-computed-properties'] = 'error';
// 禁止给template添加key
v2v3['vue/no-template-key'] = 'error';
// 禁止在<textarea></textarea>使用{{aa}} 如 [<textarea>{{ message }}</textarea> 错误 ]
v2v3['vue/no-textarea-mustache'] = 'error';
// 禁止出现未使用的组件
v2v3['vue/no-unused-components'] = 'error';
// 禁止 v-for中出现未使用的变量
v2v3['vue/no-unused-vars'] = tsVerify ? 'off' : 'error';
// 不允许吧计算属性当作方法来调用
v2v3['vue/no-use-computed-property-like-method'] = 'error';
// 禁止 在同一组件或标签上同时出现v-if和v-for
v2v3['vue/no-use-v-if-with-v-for'] = 'error';
// 禁止在<template>标签上有任何无用的属性
v2v3['vue/no-useless-template-attributes'] = 'error';
// 禁止 <template v-for=""></template> 中:key必须出现在 同级(vue3.0)
v3['vue/no-v-for-template-key-on-child'] = 'error';
// 禁止<template v-for="">中定义key必须在下级定义key
v2['vue/no-v-for-template-key'] = 'error';
// v-model禁止出现vue3的写法 如: [<MyComponent v-model="foo" /> 正确] [<MyComponent v-model:aaa="foo" /> 错误]
v2['vue/no-v-model-argument'] = 'error';
// 此规则不允许在组件上使用 v-text / v-html。(原生组件(如div)还是可以使用)
v2v3['vue/no-v-text-v-html-on-component'] = 'error';
// 禁止 async setup(){} 中watch函数应该出现在 await 之前(vue3.0)
v3['vue/no-watch-after-await'] = 'error';
// 强制从“vue”导入,而不是从“@vue/*”导入
v3['vue/prefer-import-from-vue'] = 'error';
// 禁止出现未绑定 v-bind:is 的 <component/>
v2v3['vue/require-component-is'] = 'error';
// 检测props中变量的的type属性是否正确
v2v3['vue/require-prop-type-constructor'] = 'error';
// vue的render(h)函数必须包含返回值
v2v3['vue/require-render-return'] = 'error';
// 禁止 禁止非法使用 this.$slots.default如解构或this.$slots.default.filter()等都是非法的(vue3.0)
v3['vue/require-slots-as-functions'] = 'error';
// 禁止<transition>中组件没有控制显示隐藏的组件即子必须有v-if或v-show等控制显示隐藏的绑定(vue3.0)
v3['vue/require-toggle-inside-transition'] = 'error';
// v-for中必须绑定key
v2v3['vue/require-v-for-key'] = 'error';
// props 中默认值为Array或者Object时必须是以函数形式返回
v2v3['vue/require-valid-default-prop'] = 'error';
// 计算属性(computed)中必须有返回值 即:必须全部 return
v2v3['vue/return-in-computed-property'] = 'error';
// emits中 必须返回如果带有一个条件 返回true
v2v3['vue/return-in-emits-validator'] = 'error';
// 当绑定两个v-on事件是强制使用修饰器(.exact) [ <button v-on:click.exact="foo" v-on:click.ctrl="foo"></button> 正确] [<button v-on:click="foo" v-on:click.ctrl="foo"></button> 错误]
v2v3['vue/use-v-on-exact'] = 'error';
// 此规则检测无效的 HTML 属性。
v2v3['vue/valid-attribute-name'] = 'error';
// 验证defineEmits()的有效性,不能出现两次不能是空函数等(vue3.0)
v2v3['vue/valid-define-emits'] = 'error';
// 验证defineProps()的有效性,不能出现两次不能是空函数等(vue3.0)
v2v3['vue/valid-define-props'] = 'error';
// export default { model: {} },在model中仅允许有效的键
v2['vue/valid-model-definition'] = 'error';
// $nextTick()必须跟一个回调函数,且$nextTick()只能出现一个参数 [this.$nextTick(callback, anotherCallback);错误(不能含有两个参数)] [this.$nextTick;错误(没有参数)]
v2v3['vue/valid-next-tick'] = 'error';
// 检查每个模板根是否有效 <template></template> (注意不能出现包含空白的根模板,除非根模板带有src路径,且带有src的根模板不能包含任何组件或标签)
v2v3['vue/valid-template-root'] = 'error';
// v-bind.sync中禁止出现计算 [ <MyComponent :aaa.sync="todo.name"/> 正确] [ <MyComponent :aaa.sync="(a?.b).c" />或者<MyComponent :aaa.sync="foo + bar" /> 错误]
v2['vue/valid-v-bind-sync'] = 'error';
// 强制验证v-bind的有效性
v2v3['vue/valid-v-bind'] = 'error';
// 强制验证v-cloak的有效性
v2v3['vue/valid-v-cloak'] = 'error';
// 强制验证v-else-if的有效性
v2v3['vue/valid-v-else-if'] = 'error';
// 强制验证v-else的有效性
v2v3['vue/valid-v-else'] = 'error';
// 强制验证v-for的有效性
v2v3['vue/valid-v-for'] = 'error';
// 强制验证v-html的有效性
v2v3['vue/valid-v-html'] = 'error';
// 强制验证v-if的有效性
v2v3['vue/valid-v-if'] = 'error';
// 验证 v-is 的有效性
v3['vue/valid-v-is'] = 'error';
// 验证 v-memo 的有效性
v3['vue/valid-v-memo'] = 'error';
// 强制验证v-model的有效性
v2v3['vue/valid-v-model'] = 'error';
// 强制验证v-on的有效性
v2v3['vue/valid-v-on'] = 'error';
// 强制验证v-once的有效性
v2v3['vue/valid-v-once'] = 'error';
// 强制验证v-pre的有效性
v2v3['vue/valid-v-pre'] = 'error';
// 强制验证v-show的有效性
v2v3['vue/valid-v-show'] = 'error';
// 强制验证v-slot的有效性
v2v3['vue/valid-v-slot'] = 'error';
// 强制验证v-text的有效性
v2v3['vue/valid-v-text'] = 'error';
/** *************************************************** 优先级 B强烈建议(提高可读性) */
// 要求组件的参数使用驼峰命名 如: <MyComponent myProp="prop" /> 正确] [<MyComponent my-prop="prop" /> 错误]
v2v3['vue/attribute-hyphenation'] = ['error', 'never'];
// 组件名称必须大驼峰命名或kebab-case 如设置成PascalCase之后 [ export default { name: 'MyComponent' } 或者 Vue.component('MyComponent', {}) 正确 ] [ export default { name: 'my-component' } 或者 Vue.component('my-component', {}) 错误 ]
v2v3['vue/component-definition-name-casing'] = ['error', 'kebab-case'];
// 组件属性换行和对齐方式 (暂未启用)
v2v3['vue/first-attribute-linebreak'] = [
'off',
{
singleline: 'beside', // 单行属性是不允许换行
multiline: 'below', // 多行时对齐tab
},
];
// 要求或不允许在标记的右括号前使用换行符
v2v3['vue/html-closing-bracket-newline'] = ['error', { singleline: 'never', multiline: 'always' }];
// 标签的中括号的空格
v2v3['vue/html-closing-bracket-spacing'] = ['error', { startTag: 'never', endTag: 'never', selfClosingTag: 'always' }];
// 禁止缺少结束标签
v2v3['vue/html-end-tags'] = 'error';
v2v3['vue/html-indent'] = 'off';
// 自闭合标签相关规则
v2v3['vue/html-self-closing'] = [
'error',
{
html: { void: 'always', normal: 'never', component: 'never' },
svg: 'never',
math: 'always',
},
];
// 标签内超过几个attr就换行
v2v3['vue/max-attributes-per-line'] = ['off', { singleline: { max: 6 }, multiline: { max: 1 } }];
// 多行dom换行规则
v2v3['vue/multiline-html-element-content-newline'] = [
'error',
{
ignoreWhenEmpty: true, // 没有子组件禁止换行 (true禁止换行,false允许换行)
allowEmptyLines: false, // 禁止周围有空行 (true允许,false禁止)
},
];
// {{ msg }} 两边空行
v2v3['vue/mustache-interpolation-spacing'] = ['error', 'always'];
// 禁止多个空格
v2v3['vue/no-multi-spaces'] = 'error';
// 禁止属性等号两边有空格
v2v3['vue/no-spaces-around-equal-signs-in-attribute'] = 'error';
// 禁止重复的变量 主要在v-for中
v2v3['vue/no-template-shadow'] = 'error';
// 禁止重复注册同一组件
v2v3['vue/one-component-per-file'] = 'error';
// js中prop的属性只能用小驼峰命名
v2v3['vue/prop-name-casing'] = ['error', 'camelCase'];
// prop必须设置默认值但是布尔值除外
v2v3['vue/require-default-prop'] = 'error';
// emits必须声明
v3['vue/require-explicit-emits'] = 'error';
// prop 必须指定类型
v2v3['vue/require-prop-types'] = 'error';
// 换行规则
v2v3['vue/singleline-html-element-content-newline'] = 'off';
// v-bind使用简写
v2v3['vue/v-bind-style'] = ['error', 'shorthand'];
// v-on 名称使用驼峰命名
v3['vue/v-on-event-hyphenation'] = ['off', 'never', { autofix: true }];
// v-on使用简写
v2v3['vue/v-on-style'] = ['error', 'shorthand'];
// v-slot使用简写
v2v3['vue/v-slot-style'] = ['error', 'shorthand'];
/** *************************************************** 优先级 C推荐(潜在危险模式) */
// 属性按顺序排列
v2v3['vue/attributes-order'] = 'error';
// 禁止无意义的<template></template>
v2v3['vue/no-lone-template'] = 'error';
// this.$scopedSlots() 只能传递一个参数
v2v3['vue/no-multiple-slot-args'] = 'error';
// 禁止使用 v-html 指令
v2v3['vue/no-v-html'] = 'off';
// js中按顺序排列name,props,data等特定周期事件
v2v3['vue/order-in-components'] = 'error';
// 在<template></template> 中禁止使用this
v2v3['vue/this-in-template'] = 'error';
/** ***************************************************************** 未分类 */
// 禁止使用除了js以外的其他语言 [<script></script> 正确] [<script lang="ts"></script> 错误]
rest['vue/block-lang'] = ['error', { script: { lang: ['js', 'ts'] } }];
// 强制组件顶层元素的顺序
rest['vue/block-order'] = [
'error',
{
order: [['template', 'script:not([setup])', 'script[setup]'], 'style:not([scoped])', 'style[scoped]'],
},
];
// 此规则在打开后和关闭块标签之前强制换行
rest['vue/block-tag-newline'] = ['error', { singleline: 'consistent', multiline: 'always', maxEmptyLines: 0 }];
// 只允许 script-setup 和 composition-api语法
rest['vue/component-api-style'] = vueVersionsNumb >= 3 ? ['error', ['script-setup']] : 'off';
// 组件必须使用kebab-case写法还是PascalCase写法[ <CoolComponent /> PascalCase写法] [ <cool-component /> kebab-case写法]
rest['vue/component-name-in-template-casing'] = ['error', 'kebab-case', { registeredComponentsOnly: false }];
// 在js中引入组件只能是大驼峰命名
rest['vue/component-options-name-casing'] = ['error', 'PascalCase'];
// 对自定义事件名称强制实施特定大小写
rest['vue/custom-event-name-casing'] = ['error', 'camelCase'];
// 强制defineemit的声明风格 此规则仅适用于安装脚本和 lang="ts"
rest['vue/define-emits-declaration'] = ['error', 'type-based'];
// 强制执行defineEmits和defineProps编译器宏的顺序
rest['vue/define-macros-order'] = [
'error',
{
order: ['defineOptions', 'defineProps', 'defineModel', 'defineSlots', 'defineEmits'],
},
];
// 强制声明样式defineProps 此规则仅适用于安装脚本和lang="ts"
rest['vue/define-props-declaration'] = ['off', 'runtime'];
//强制或禁止在 SFC 顶级 css 标记中使用 属性scope 或者 dmodule
rest['vue/enforce-style-attribute'] = ['off', 'runtime'];
// 允许在没有显式类型属性的情况下使用按钮
rest['vue/html-button-has-type'] = ['off', { button: true, submit: true, reset: true }];
// 注释换行规则
rest['vue/html-comment-content-newline'] = ['error', { singleline: 'never', multiline: 'always' }];
// 在 HTML 注释中强制实施统一间距
rest['vue/html-comment-content-spacing'] = ['error', 'always'];
// 注释强制缩进
rest['vue/html-comment-indent'] = ['error', 2];
// 组件名和文件一致
rest['vue/match-component-file-name'] = ['error', { extensions: ['vue', 'jsx'], shouldMatchCase: true }];
// 要求注册的组件名称与导入的组件名称匹配
rest['vue/match-component-import-name'] = 'error';
// 强制强制 .vue 文件最大行数
rest['vue/max-lines-per-block'] = ['error', { style: 1000, template: 1000, script: 1000 }];
// 在 Vue 组件中的多行属性之间强制使用新行
rest['vue/new-line-between-multi-line-property'] = 'off';
// nextTick只能是回调函数不能是promise
rest['vue/next-tick-style'] = ['error', 'callback'];
// 参数不能为字符串(在配置多国语言是强烈推荐开启)
rest['vue/no-bare-strings-in-template'] = 'off';
// 不允许布尔默认值
rest['vue/no-boolean-default'] = 'off';
// 禁止已弃用的 model 定义
rest['vue/no-deprecated-model-definition'] = ['error', { allowVue3Compat: true }];
// vue inheritance 防止重复继承
rest['vue/no-duplicate-attr-inheritance'] = 'error';
// 禁止出现空的template,script,style
rest['vue/no-empty-component-block'] = 'error';
// class中禁止绑定多个对象 [:class="[{'foo': isFoo}, {'bar': isBar}] 错] [ :class="[{'foo': isFoo, 'bar': isBar}]" 对]
rest['vue/no-multiple-objects-in-class'] = 'error';
// 禁止出现潜在的拼写错误
rest['vue/no-potential-component-option-typo'] = 'error';
// 禁止使用可能导致反应性损失的 ref 对象
rest['vue/no-ref-object-reactivity-loss'] = 'error';
// 强制有默认值的prop其required应该为false(可选的)
rest['vue/no-required-prop-with-default'] = 'error';
// 不允许特定块
rest['vue/no-restricted-block'] = 'off';
// 不允许异步调用受限方法
rest['vue/no-restricted-call-after-await'] = 'error';
// 不允许Vue组件中的特定类
rest['vue/no-restricted-class'] = 'off';
// 禁止特定组件名称
rest['vue/no-restricted-component-names'] = [
'error',
{
name: 'view',
message: '在非 uniapp 中应该使用 div 标签而不是 view 标签',
},
{
name: 'text',
message: '在非 uniapp 中应该使用 span 标签而不是 text 标签',
},
{
name: 'image',
message: '在非 uniapp 中应该使用 img 标签而不是 image 标签',
},
];
// 不允许特定组件选项
rest['vue/no-restricted-component-options'] = 'off';
// 禁止特定的自定义事件
rest['vue/no-restricted-custom-event'] =
vueVersionsNumb >= 3
? [
'error',
{
event: 'input',
message: '在vue3.0+中建议使用update:modelValue替代input事件',
suggest: 'update:modelValue',
},
]
: 'off';
// 禁止特定的HTML元素
rest['vue/no-restricted-html-elements'] = [
'error',
{
element: 'view',
message: '在非 uniapp 中应该使用 div 标签而不是 view 标签',
},
{
element: 'text',
message: '在非 uniapp 中应该使用 span 标签而不是 text 标签',
},
{
element: 'image',
message: '在非 uniapp 中应该使用 img 标签而不是 image 标签',
},
];
// 不允许props中有特定的值
rest['vue/no-restricted-props'] =
vueVersionsNumb >= 3
? [
'error',
{
name: 'value',
message: '在vue3.0+的props中建议使用modelValue替代value',
suggest: 'modelValue',
},
]
: 'off';
// 不允许特定属性
rest['vue/no-restricted-static-attribute'] =
vueVersionsNumb >= 3
? [
'off',
{
key: 'value',
message: '不建议传入value建议改为val等,以免造成混淆',
},
]
: 'off';
// 不允许特定参数v-bind
rest['vue/no-restricted-v-bind'] = 'off';
// 不允许特定参数v-on
rest['vue/no-restricted-v-on'] = 'off';
// 禁止在根元素上使用v-if
rest['vue/no-root-v-if'] = 'off';
// 不允许失去传递给的反应性的用法
rest['vue/no-setup-props-reactivity-loss'] = 'off';
// 禁止静态内联style属性
rest['vue/no-static-inline-styles'] = 'off';
// 标签中禁止出现不合法的 target="_blank"
rest['vue/no-template-target-blank'] = 'error';
// beforeRouteEnter周期内不允许使用this
rest['vue/no-this-in-before-route-enter'] = 'error';
// 不允许出现未注册的组件 [此规则无法检查全局注册的组件和在 mixins 中注册的组件,除非您将它们添加为忽略模式的一部分。]
rest['vue/no-undef-components'] = [
'error',
{
ignorePatterns: ['^(app|el|base|icon|bubble|box|list|page|rest)(\\-\\w+)+', 'router-view', 'router-link'],
},
];
// 不允许出现未定义的属性
rest['vue/no-undef-properties'] = 'error';
// 不允许在指定版本上禁止不受支持的 Vue.js语法 ( 必须设置当前使用版本 )
rest['vue/no-unsupported-features'] = ['error', { version: `^${vueVersions}` }];
// 禁止未使用的emit
rest['vue/no-unused-emit-declarations'] = ['error'];
// 不允许出现未使用的属性
rest['vue/no-unused-properties'] = [
'error',
{
groups: ['props', 'data', 'computed', 'methods', 'setup'],
deepData: true,
},
];
// 不允许未使用的ref
rest['vue/no-unused-refs'] = vueVersionsNumb >= 3 ? 'error' : 'off';
// 不允许在相同的元素上使用 v-else-if v-else v-for
rest['vue/no-use-v-else-with-v-for'] = vueVersionsNumb >= 3 ? 'error' : 'off';
// 禁止不必要的插值写法 如:{{'aaa'}} 应直接写aaa
rest['vue/no-useless-mustaches'] = 'error';
// 禁止不必要的v-bind写法 如::foo="'aaa'" 应改为 foo="aaa"
rest['vue/no-useless-v-bind'] = 'error';
// 禁止使用v-text
rest['vue/no-v-text'] = 'error';
// <template></template><script></script><style></style>留空行
rest['vue/padding-line-between-blocks'] = ['error', 'always'];
// 要求或禁止模板中兄弟标签之间的换行
rest['vue/padding-line-between-tags'] = ['error', [{ blankLine: 'never', prev: '*', next: '*' }]];
// 要求或不允许在组件定义中出现空行
rest['vue/padding-lines-in-component-definition'] = [
'error',
{
betweenOptions: 'always', // emits props data computed 是否换行
withinOption: 'always',
groupSingleLineProperties: true, // 如果是单行的情况下是否禁止换行 true禁止换行
},
];
// 强制使用defineOptions导出组件名称而不是<script>export default { name: 'Foo' }</script>
rest['vue/prefer-define-options'] = 'error';
// 强制在组件属性类型中Boolean排在第一位
rest['vue/prefer-prop-type-boolean-first'] = 'error';
// 要求模板中的静态类名位于单独的属性中
rest['vue/prefer-separate-static-class'] = 'error';
// v-bind的值禁止写成速记形式 如 [ <MyComponent show /> 对] [ <MyComponent :show="true" /> 错]
rest['vue/prefer-true-attribute-shorthand'] = 'error';
// 要求直接导出组件对象
rest['vue/require-direct-export'] = 'error';
// 全局注册组件时emits要求直接定义成函数
rest['vue/require-emit-validator'] = 'error';
// 需要显式定义插槽
rest['vue/require-explicit-slots'] = 'error';
// 要求声明公共属性使用expose
rest['vue/require-expose'] = 'error';
// 需要特定的宏变量名称
rest['vue/require-macro-variable-name'] = [
'error',
{
defineProps: 'props',
defineEmits: 'emit',
defineSlots: 'slots',
useSlots: 'slots',
useAttrs: 'attrs',
},
];
// 必须给组件设置名称
rest['vue/require-name-property'] = 'error';
// 强制每个道具都有一个记录它的注释
rest['vue/require-prop-comment'] = ['error', { type: 'JSDoc' }];
// 强制向对象 props 添加类型声明
rest['vue/require-typed-object-prop'] = 'error';
// 函数ref shallowRef 需要强类型化
rest['vue/require-typed-ref'] = 'error';
// 中强制执行一致的缩进样式
rest['vue/script-indent'] = 'off';
// 以与组件顺序兼容的方式强制执行排序键
rest['vue/sort-keys'] = 'off';
// 按照顺序进行排序
rest['vue/static-class-names-order'] = 'error';
// 规则强制要求在指令中使用哪个分隔符
rest['vue/v-for-delimiter-style'] = 'error';
// v-if 如果出现重复组件择必须添加 key
rest['vue/v-if-else-key'] = 'error';
// 强制v-on等号右边方法体的样式 [等待修复]
rest['vue/v-on-handler-style'] = ['off', ['method', 'inline']];
// // 检查编译器宏defineOptions是否有效
rest['vue/valid-define-options'] = 'error';
/** ***************************************************************** 以下规则扩展了 ESLint 本身提供的规则 */
// [参照 camelcase]双峰驼命名格式
rest['vue/camelcase'] = 'off';
// [参照 dot-notation]强制使用.号取属性
rest['vue/dot-notation'] = 'error';
// [参照 eqeqeq]使用 === 替代 == allow-null允许null和undefined==
rest['vue/eqeqeq'] = ['error', 'always'];
// [参照 eqeqeq]使用 === 替代 == allow-null允许null和undefined==
rest['vue/no-console'] = 'off';
// [参照 no-constant-condition]禁止在条件中使用常量表达式 [if (false) {} 错] [if (aa===false) {} 对]
rest['vue/no-constant-condition'] = 'error';
// [参照 no-empty-pattern]禁止使用空解构模式no-empty-pattern
rest['vue/no-empty-pattern'] = 'error';
// 禁止文件中出现不规则空格(仅在.vue中生效)
rest['vue/no-irregular-whitespace'] = 'error';
// 不允许丢失精度的数值
rest['vue/no-loss-of-precision'] = 'error';
// 不允许在插值中调用方法 [ <div> {{ foo() }} </div> 错误] [ <div> {{ foo }} </div> 正确]
rest['vue/no-restricted-syntax'] = 'off';
// [参照 no-sparse-arrays]禁用稀疏数组
rest['vue/no-sparse-arrays'] = 'error';
// [参照 no-useless-concat]禁止不必要的字符串字面量或模板字面量的连接
rest['vue/no-useless-concat'] = 'error';
// [参照 object-shorthand] 要求或禁止对象字面量中方法和属性使用简写语法
rest['vue/object-shorthand'] = ['error', 'always'];
// [参照 prefer-template]要求使用模板字面量而非字符串连接
rest['vue/prefer-template'] = 'off';
return Object.assign(v2v3, rest, vueVersionsNumb >= 3 ? v3 : v2);
}
/**
* typescript使用的规则
*/
function getTypescriptRules() {
return {
// 要求函数重载签名是连续的
'@typescript-eslint/adjacent-overload-signatures': 'error',
// 要求一致地使用或用于数组T[]Array<T>
'@typescript-eslint/array-type': 'off',
// 禁止直接使用await处理同步函数 💭
// '@typescript-eslint/await-thenable': 'error',
// 不允许在指令后添加注释或要求说明
'@typescript-eslint/ban-ts-comment': 'error',
// 禁止使用tslint注释
'@typescript-eslint/ban-tslint-comment': 'error',
// 不允许某些类型 已废弃
// '@typescript-eslint/ban-types': 'error',
// 强制以一致的样式公开类的文本
'@typescript-eslint/class-literal-property-style': 'error',
// 强制类方法使用 .this
'@typescript-eslint/class-methods-use-this': 'off',
// 强制在构造函数调用的类型注释或构造函数名称上指定泛型类型参数
'@typescript-eslint/consistent-generic-constructors': 'off',
// 需要或禁止 使用Record
'@typescript-eslint/consistent-indexed-object-style': ['error', 'record'],
// 并不是所有函数里的代码都有返回值时,抛出错误 这里关闭,因为 tsconfig.json 中 noImplicitReturns 更好 💭
// '@typescript-eslint/consistent-return': 'error',
// 强制一致地使用类型断言
'@typescript-eslint/consistent-type-assertions': ['error', { assertionStyle: 'as' }], // 强制一致地使用类型断言
// 强制类型定义一致地使用 interface 或 type
'@typescript-eslint/consistent-type-definitions': ['off', 'type'],
// 强制一致地使用类型导出 💭
// '@typescript-eslint/consistent-type-exports': ['error', { fixMixedExportsWithInlineTypeSpecifier: false }],
// 强制一致使用类型导入
'@typescript-eslint/consistent-type-imports': [
'error',
{
prefer: 'type-imports',
disallowTypeAnnotations: false,
fixStyle: 'inline-type-imports',
},
],
// 需要函数和类方法的显式返回类型
'@typescript-eslint/default-param-last': 'error',
// 尽可能强制使用点表示法 💭
// '@typescript-eslint/dot-notation': 'error',
// 需要函数和类方法的显式返回类型
'@typescript-eslint/explicit-function-return-type': 'off',
// 需要对类属性和方法使用显式辅助功能修饰符
'@typescript-eslint/explicit-member-accessibility': 'error',
// 要求对导出的函数和类的公共类方法进行显式返回和参数类型
'@typescript-eslint/explicit-module-boundary-types': 'off',
// 要求或禁止在变量声明中初始化
'@typescript-eslint/init-declarations': ['error', 'always'],
// 在函数定义中强制参数的最大数目
'@typescript-eslint/max-params': 'off',
// 需要一致的成员声明顺序
'@typescript-eslint/member-ordering': 'off',
// 强制使用特定方法签名语法
'@typescript-eslint/method-signature-style': ['error', 'property'],
// 对代码库中的所有内容强制实施命名约定。💭
// '@typescript-eslint/naming-convention': 'off',
// 禁止使用泛型constructor array
'@typescript-eslint/no-array-constructor': 'error',
// 禁止在数组values上使用delete操作符。💭
'@typescript-eslint/no-array-delete': 'off',
// 要求仅在字符串化时提供有用信息的对象上调用.toString() 💭
// '@typescript-eslint/no-base-to-string': 'error',
// 禁止在可能造成混淆的位置使用非空断言
'@typescript-eslint/no-confusing-non-null-assertion': 'error',
// 无混淆空洞表达 💭
// '@typescript-eslint/no-confusing-void-expression': 'error',
// 禁止重复的类成员
// '@typescript-eslint/no-dupe-class-members': 'error', // 此 ESLint 规则检查的代码问题由 TypeScript 编译器自动检查
// 不允许重复的枚举成员值
'@typescript-eslint/no-duplicate-enum-values': 'error',
// 禁止联合或交集类型的重复成分 💭
// '@typescript-eslint/no-duplicate-type-constituents': 'off',
// 禁止在计算键表达式上使用运算符delete
'@typescript-eslint/no-dynamic-delete': 'off',
// 禁止声明空接口
'@typescript-eslint/no-empty-interface': 'error',
/** 禁止使用空函数 */
'@typescript-eslint/no-empty-function': 'off',
// 禁止使用any
'@typescript-eslint/no-explicit-any': ['off', { ignoreRestArgs: true }],
// 不允许额外的非空断言
'@typescript-eslint/no-extra-non-null-assertion': 'error',
// 禁止将类用作命名空间
'@typescript-eslint/no-extraneous-class': 'error',
// 要求正确处理类似 Promise 的语句 💭
// '@typescript-eslint/no-floating-promises': 'off',
// 不允许使用传入循环遍历数组 💭
// '@typescript-eslint/no-for-in-array': 'error',
// 禁止使用类似eval()的方法 💭
// '@typescript-eslint/no-implied-eval': 'off',
// 当导入只有带有内联类型限定符的说明符时,强制使用顶级导入类型限定符
'@typescript-eslint/no-import-type-side-effects': 'error',
// 不允许对初始化为数字、字符串或布尔值的变量或参数进行显式类型声明
'@typescript-eslint/no-inferrable-types': 'error',
// 禁止在类或类类对象this之外使用关键字
'@typescript-eslint/no-invalid-this': 'error',
// 禁止泛型或返回类型之外的void类型
'@typescript-eslint/no-invalid-void-type': 'error',
// 禁止在循环语句中包含不安全引用的函数声明
'@typescript-eslint/no-loop-func': 'error',
// Disallow literal numbers that lose precision
'@typescript-eslint/no-loss-of-precision': 'error',
// 禁用魔术数字(3.14什么的用常量代替)
'@typescript-eslint/no-magic-numbers': 'off',
// 禁止没有无意义的空运算符 💭
// '@typescript-eslint/no-meaningless-void-operator': 'error',
// 强制实施 和 的有效定义newconstructor
'@typescript-eslint/no-misused-new': 'error',
// 禁止在非设计用于处理承诺的地方发布承诺 💭
// '@typescript-eslint/no-misused-promises': 'off',
// 禁止枚举同时具有数字和字符串成员 💭
// '@typescript-eslint/no-mixed-enums':'off',
// 禁止使用命名空间
'@typescript-eslint/no-namespace': 'error',
// 不允许在空合并运算符的左操作数中使用非空断言
'@typescript-eslint/no-non-null-asserted-nullish-coalescing': 'error',
// 不允许在可选链表达式后使用非空断言
'@typescript-eslint/no-non-null-asserted-optional-chain': 'error',
// 禁止使用后缀运算符的非空断言
'@typescript-eslint/no-non-null-assertion': 'off',
// 禁止变量重声明 此 ESLint 规则检查的代码问题由 TypeScript 编译器自动检查。因此,不建议在新的 TypeScript 项目中启用此规则。仅当您更喜欢 ESLint 错误消息而不是 TypeScript 编译器错误消息时,才需要启用此规则。
'@typescript-eslint/no-redeclare': 'off',
// 禁止不执行任何操作或覆盖类型信息的联合和交叉点的成员。 💭
// '@typescript-eslint/no-redundant-type-constituents': 'off',
// 禁止调用require()
'@typescript-eslint/no-require-imports': 'error',
// 禁止通过import加载指定模块
'@typescript-eslint/no-restricted-imports': 'off',
// 有时,禁止在类型批注中使用特定类型会很有用。 例如,项目可能正在从使用一种类型迁移到另一种类型,并希望禁止对旧类型的引用。此规则可以配置为禁止特定类型的列表,并可以建议替代方法。 请注意,它不会禁止使用相应的运行时对象。
'@typescript-eslint/no-restricted-types': 'off',
// 禁止变量声明掩盖在外部作用域中声明的变量
'@typescript-eslint/no-shadow': 'error',
// 禁止混叠this
'@typescript-eslint/no-this-alias': ['error', { allowedNames: ['that'] }],
// 不允许对布尔文本进行不必要的相等比较 💭
// '@typescript-eslint/no-unnecessary-boolean-literal-compare': 'error',
// 不允许类型始终为真实或始终为虚假的条件 💭
// '@typescript-eslint/no-unnecessary-condition': 'off',
// 不允许不必要的命名空间限定符💭
// '@typescript-eslint/no-unnecessary-qualifier': 'error',
// 禁止等于默认值的类型参数💭
// '@typescript-eslint/no-unnecessary-type-arguments': 'error',
// 禁止不更改表达式类型的类型断言💭
// '@typescript-eslint/no-unnecessary-type-assertion': 'error',
// 不允许对泛型类型进行不必要的约束
'@typescript-eslint/no-unnecessary-type-constraint': 'error',
// 禁止调用具有any类型值的函数 💭
// '@typescript-eslint/no-unsafe-argument': 'off',
// 不允许将any类型值分配给变量和属性 💭
//'@typescript-eslint/no-unsafe-assignment': 'off',
// 不允许调用带有any类型的值 💭
// '@typescript-eslint/no-unsafe-call': 'off',
// 禁止不安全声明合并
'@typescript-eslint/no-unsafe-declaration-merging': 'error',
// 禁止将枚举值与非枚举值进行比较 💭
//'@typescript-eslint/no-unsafe-enum-comparison': 'off',
// 禁止使用不安全的内置函数类型。
'@typescript-eslint/no-unsafe-function-type': 'error',
// 禁止成员访问any类型为的值 💭
// '@typescript-eslint/no-unsafe-member-access': 'off',
// 禁止从函数返回带有any类型的值 💭
// '@typescript-eslint/no-unsafe-return': 'off',
// 求一元否定取一个数 💭
// '@typescript-eslint/no-unsafe-unary-minus': 'off',
// 禁止使用未使用的表达式
'@typescript-eslint/no-unused-expressions': ['error', { allowShortCircuit: true, allowTernary: true }],
// 禁止出现未使用过的变量
'@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_', caughtErrors: 'none' }],
// 禁止在定义变量之前使用它们
'@typescript-eslint/no-use-before-define': ['error', { functions: false, classes: true, variables: true }],
// 禁止使用不必要的构造函数
'@typescript-eslint/no-useless-constructor': 'error',
// 禁止不会更改模块文件中的任何内容的空导出
'@typescript-eslint/no-useless-empty-export': 'error',
// 禁止使用不必要的模板字面值 💭
// '@typescript-eslint/no-useless-template-literals': 'off',
// 禁止语句(导入语句require除外)
'@typescript-eslint/no-var-requires': 'error',
// 不允许使用令人困惑的内置基元类包装器。
'@typescript-eslint/no-wrapper-object-types': 'error',
// 对显式类型强制转换强制实施非空断言 💭
// '@typescript-eslint/non-nullable-type-assertion-style': 'error',
// 禁止在 throw 抛出非 new Error() 的值 💭
// '@typescript-eslint/only-throw-error': 'off',
// 在类构造函数中要求或禁止参数属性
'@typescript-eslint/parameter-properties': 'off',
// 强制使用过度文本as const类型
'@typescript-eslint/prefer-as-const': 'error',
// 要求对数组和/或对象进行解构 💭
// '@typescript-eslint/prefer-destructuring': 'off',
// 要求显式初始化每个枚举成员值
'@typescript-eslint/prefer-enum-initializers': 'error',
// 在查找单个结果时强制使用Array.prototype.find()而不是Array.prototype.filter(),后面跟着[0] 💭
// '@typescript-eslint/prefer-find': 'off',
// 尽可能强制使用标准循环for-of for
'@typescript-eslint/prefer-for-of': 'off',
// 强制使用函数类型而不是带有调用签名的接口 (与vue语法有冲突)
'@typescript-eslint/prefer-function-type': 'off',
// 优先使用includes()方法而不是indexOf() 💭
// '@typescript-eslint/prefer-includes': 'off',
// 要求所有枚举成员都是文本值
'@typescript-eslint/prefer-literal-enum-member': 'off',
// 需要使用namespace关键字而不是module关键字来声明自定义 TypeScript 模块
'@typescript-eslint/prefer-namespace-keyword': 'error',
// 强制使用空合并运算符而不是逻辑链接 (如果未启用 strictNullChecks则此规则将无法按预期工作) 💭
// '@typescript-eslint/prefer-nullish-coalescing': 'off',
// 强制使用简洁的可选链表达式,而不是链式逻辑 and、否定逻辑 or 或空对象
'@typescript-eslint/prefer-optional-chain': 'off',
// 要求使用Error对象作为拒绝承诺的原因 💭
// '@typescript-eslint/prefer-promise-reject-errors': 'off',
// 要求将私有成员标记为readonly,从未在构造函数外部修改 💭
// '@typescript-eslint/prefer-readonly': 'error',
// 要求键入函数参数readonly以防止输入意外突变 💭
// '@typescript-eslint/prefer-readonly-parameter-types': 'error',
// 用时强制使用类型参数Array#reduce而不是强制转换💭
// '@typescript-eslint/prefer-reduce-type-parameter': 'off',
// 如果未提供全局 RegExp#exec标志则强制String#match执行 💭
// '@typescript-eslint/prefer-regexp-exec': 'off',
// 强制在仅返回类型时使用this 💭
// '@typescript-eslint/prefer-return-this-type': 'off',
// 强制使用String#startsWith和String#endsWith超过其他等效的方法来检查子字符串 💭
// '@typescript-eslint/prefer-string-starts-ends-with': 'off',
// 强制使用过度@ts-expect-error @ts-ignore
'@typescript-eslint/prefer-ts-expect-error': 'error',
// 要求将返回 Promise 的任何函数或方法标记为异步 💭
// '@typescript-eslint/promise-function-async': 'warn',
// 要求调用始终提供 Array#sort 💭
// '@typescript-eslint/require-array-sort-compare': 'warn',
// 禁止没有await的async函数
'@typescript-eslint/require-await': 'off',
// 要求加法的两个操作数是相同的类型并且是bigint number string 💭
// '@typescript-eslint/restrict-plus-operands': 'error',
// 强制模板文本表达式为类型string 💭
//@typescript-eslint/restrict-template-expressions': 'off',
// 强制等待值的一致返回 💭
'@typescript-eslint/return-await': 'off',
// 强制按字母顺序对类型并集/交集的成分进行排序
'@typescript-eslint/sort-type-constituents': 'error',
// 禁止布尔表达式中的某些类型 💭
// '@typescript-eslint/strict-boolean-expressions': 'off',
// 要求开关大小写语句对联合类型详尽无遗 💭
// '@typescript-eslint/switch-exhaustiveness-check': 'error',
// 禁止某些三斜杠指令以支持 ES6 样式的导入声明
'@typescript-eslint/triple-slash-reference': 'error',
// 要求文字批注周围的间距一致 (强烈建议您不要使用此规则)
// "@typescript-eslint/type-annotation-spacing": "warn",
// 在某些位置需要类型批注
'@typescript-eslint/typedef': 'error',
// 强制调用未绑定方法及其预期范围 💭
// '@typescript-eslint/unbound-method': 'error',
// 不允许两个重载,这两个重载可以通过联合或可选/rest 参数统一为一个
'@typescript-eslint/unified-signatures': 'off',
// 强制回调中的类型参数为.catch() unknown
'@typescript-eslint/use-unknown-in-catch-callback-variable': 'off',
};
}
/**
* 得到eslint的规则
*/
function getJsDocRules() {
return {
'jsdoc/check-access': 'off', // 强制执行有效标记@access
'jsdoc/check-alignment': 'warn', // 强制对齐 JSDoc 块星号
'jsdoc/check-examples': 'off', // 内部 JavaScript 的 Linting@example
'jsdoc/check-indentation': [
'warn',
{
// 允许嵌套内容缩进(如列表、项目符号、多行描述)
allowIndentedSections: true,
// 排除这些标签的缩进检查
excludeTags: ['param', 'returns', 'property', 'example', 'description', 'see', 'throws'],
},
],
'jsdoc/check-line-alignment': 'warn', // 检查 JSDoc 块行的无效对齐方式
'jsdoc/check-param-names': 'off', // 确保 JSDoc 中的参数名称与 中的相应项匹配 函数声明。
'jsdoc/check-property-names': 'warn', // 确保 JSDoc 中的属性名称不会在同一块上重复 并且嵌套属性已定义根
'jsdoc/check-syntax': 'warn', // 针对不鼓励使用该模式的语法的报告(例如Google 关闭 “jsdoc”或“typescript”模式下的编译器)。请注意,此规则不会检查 对于对于给定模式完全无效的类型,如 中所述。valid-types
'jsdoc/check-tag-names': 'warn', // 报告无效的块标记名称
'jsdoc/check-types': 'warn', // 报告无效类型
'jsdoc/check-values': 'warn', // 此规则检查少数标签的值
'jsdoc/empty-tags': 'warn', // 期望某些标记中没有任何内容
'jsdoc/implements-on-classes': 'warn', // 使用 报告任何非构造函数的问题
'jsdoc/informative-docs': 'off', // 报告仅用于重新启动其附加名称的 JSDoc 文本。
'jsdoc/match-description': 'off', // 为标签描述定义可自定义的正则表达式规则
'jsdoc/match-name': 'off', // 报告 JSDoc 标记的名称部分(是否与给定的正则表达式匹配或不匹配)
'jsdoc/multiline-blocks': 'warn', // 控制 jsdoc 块如何以及是否可以表示为单行或多行块
'jsdoc/no-bad-blocks': 'warn', // 此规则检查不符合 jsdoc 块条件的多行样式注释
'jsdoc/no-blank-block-descriptions': 'warn', // 检查重复名称,嵌套的参数名称是否具有根,以及函数声明中的参数名称是否与 jsdoc 参数名称匹配。@param
'jsdoc/no-blank-blocks': 'warn', // 报告并选择性地删除仅带有空格的块
'jsdoc/no-defaults': 'warn', // 此规则报告在 或 的相关部分使用的默认值。它还可以选择报告是否存在 方括号内的可选参数
'jsdoc/no-missing-syntax': 'off', // 通过此规则,您可以报告是否缺少某些始终预期的注释结构。
'jsdoc/no-multi-asterisks': 'warn', // 防止在行首使用多个星号
'jsdoc/no-restricted-syntax': 'off', // 报告存在某些注释结构
'jsdoc/no-types': 'off', // 此规则报告在 @param或 @returns上使用的类型。 该规则旨在防止在标记上指示以下类型 类型信息对于 TypeScript 来说是多余的。
'jsdoc/no-undefined-types': 'off', // 检查 jsdoc 注释中的类型是否已定义。这可用于检查 未导入的类型
'jsdoc/require-asterisk-prefix': 'warn', // 要求每个 JSDoc 行都以*开头
'jsdoc/require-description': 'warn', // 要求所有函数都有说明
'jsdoc/require-description-complete-sentence': 'off', // 要求块描述、显式 和 / 标签描述用完整的句子编写,
'jsdoc/require-example': 'off', // 要求所有函数都有示例
'jsdoc/require-file-overview': 'off', // 将报告给定文件中的重复文件概述标记
'jsdoc/require-hyphen-before-param-description': ['warn', 'always'], // 将报告给定文件中的重复文件概述标记
'jsdoc/require-jsdoc': ['warn', { enableFixer: false }], // 检查是否存在 jsdoc 注释、类声明以及 功能
'jsdoc/require-param': 'off', // 要求记录所有函数参数
'jsdoc/require-param-description': 'warn', // 要求每个标记都有一个值
'jsdoc/require-param-name': 'warn', // 要求所有函数参数都具有名称
'jsdoc/require-param-type': 'off', // 要求每个@param标记都设置类型
'jsdoc/require-property': 'off',
'jsdoc/require-property-description': 'off', // 要求每个@property标记都有一个description值
'jsdoc/require-property-name': 'off', // 要求所有函数标记都具有名称
'jsdoc/require-property-type': 'off', // 要求每个个@property标记都有一个type值
'jsdoc/require-returns': 'off', // 要求有返回值的函数必须使用@returns标志
'jsdoc/require-returns-check': 'warn', // 检查返回
'jsdoc/require-returns-description': 'warn', // R要求标记具有值。错误 如果返回值为 OR或者为 或,则不会报告。
'jsdoc/require-returns-type': 'off', // 要求@returns标记具有type值
'jsdoc/require-throws': 'off', //
'jsdoc/require-yields': 'off', // Recommended
'jsdoc/require-yields-check': 'off', // Recommended
'jsdoc/sort-tags': 'warn', // 根据标签名称按指定顺序对标签进行排序,可以选择在标签组之间添加换行符
'jsdoc/tag-lines': 'warn', // 在标记之间强制执换行
'jsdoc/text-escaping': 'off', // 此规则可以自动转义在块和标记描述中输入的某些字符
'jsdoc/valid-types': 'off', // 要求所有类型/名称路径都是有效的 JSDoc、Closure 编译器或 TypeScript 类型(可在设置中配置)
};
}