| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- // @see: http://eslint.cn
- module.exports = {
- root: true,
- env: {
- browser: true,
- node: true,
- es6: true
- },
- // 指定如何解析语法
- parser: 'vue-eslint-parser',
- // 优先级低于 parse 的语法解析配置
- parserOptions: {
- parser: '@typescript-eslint/parser',
- ecmaVersion: 2020,
- sourceType: 'module',
- jsxPragma: 'React',
- ecmaFeatures: {
- jsx: true
- }
- },
- // 继承某些已有的规则
- extends: ['plugin:vue/vue3-recommended', 'plugin:@typescript-eslint/recommended', 'plugin:prettier/recommended'],
- /**
- * "off" 或 0 ==> 关闭规则
- * "warn" 或 1 ==> 打开的规则作为警告（不影响代码执行）
- * "warn" 或 2 ==> 规则作为一个错误（代码不能执行，界面报错）
- */
- rules: {
- // eslint (http://eslint.cn/docs/rules)
- 'no-var': 'warn', // 要求使用 let 或 const 而不是 var
- 'no-multiple-empty-lines': 'off', // 不允许多个空行
- 'prefer-const': 'off', // 使用 let 关键字声明但在初始分配后从未重新分配的变量，要求使用 const
- 'no-use-before-define': 'off', // 禁止在 函数/类/变量 定义之前使用它们
- 'prettier/prettier': [
- 'warn',
- {
- singleQuote: true,
- semi: false
- }
- ],
- // typeScript (https://typescript-eslint.io/rules)
- '@typescript-eslint/no-unused-vars': 'warn', // 禁止定义未使用的变量
- '@typescript-eslint/no-empty-function': 'warn', // 禁止空函数
- '@typescript-eslint/prefer-ts-expect-error': 'warn', // 禁止使用 @ts-ignore
- '@typescript-eslint/ban-ts-comment': 'warn', // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
- '@typescript-eslint/no-inferrable-types': 'off', // 可以轻松推断的显式类型可能会增加不必要的冗长
- '@typescript-eslint/no-namespace': 'off', // 禁止使用自定义 TypeScript 模块和命名空间
- '@typescript-eslint/no-explicit-any': 'off', // 禁止使用 any 类型
- '@typescript-eslint/ban-types': 'off', // 禁止使用特定类型
- '@typescript-eslint/no-var-requires': 'off', // 允许使用 require() 函数导入模块
- '@typescript-eslint/no-non-null-assertion': 'off', // 不允许使用后缀运算符的非空断言(!)
- // vue (https://eslint.vuejs.org/rules)
- 'vue/script-setup-uses-vars': 'warn', // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该 no-unused-vars 规则时有效
- 'vue/v-slot-style': 'warn', // 强制执行 v-slot 指令样式
- 'vue/no-mutating-props': 'warn', // 不允许改变组件 prop
- 'vue/custom-event-name-casing': 'warn', // 为自定义事件名称强制使用特定大小写
- 'vue/html-closing-bracket-newline': 'warn', // 在标签的右括号之前要求或禁止换行
- 'vue/attribute-hyphenation': 'warn', // 对模板中的自定义组件强制执行属性命名样式：my-prop="prop"
- 'vue/attributes-order': 'off', // vue api使用顺序，强制执行属性顺序
- 'vue/no-v-html': 'off', // 禁止使用 v-html
- 'vue/require-default-prop': 'off', // 此规则要求为每个 prop 为必填时，必须提供默认值
- 'vue/multi-word-component-names': 'off', // 要求组件名称始终为 “-” 链接的单词
- 'vue/no-setup-props-destructure': 'off' // 禁止解构 props 传递给 setup
- }
- }
|
