142 lines
3.8 KiB
JavaScript
142 lines
3.8 KiB
JavaScript
module.exports = {
|
||
root: true,
|
||
env: {
|
||
browser: true,
|
||
es2021: true,
|
||
node: true,
|
||
},
|
||
parser: 'vue-eslint-parser',
|
||
extends: [
|
||
// https://eslint.vuejs.org/user-guide/#usage
|
||
'plugin:vue/vue3-recommended',
|
||
'./.eslintrc-auto-import.json',
|
||
'prettier',
|
||
'plugin:@typescript-eslint/recommended',
|
||
'plugin:prettier/recommended',
|
||
],
|
||
parserOptions: {
|
||
ecmaVersion: 'latest',
|
||
sourceType: 'module',
|
||
parser: '@typescript-eslint/parser',
|
||
project: './tsconfig.*?.json',
|
||
createDefaultProgram: false,
|
||
extraFileExtensions: ['.vue'],
|
||
},
|
||
plugins: ['vue', '@typescript-eslint'],
|
||
rules: {
|
||
// 禁止使用 var，用 let 和 const 代替
|
||
'no-var': 'error',
|
||
|
||
// 在 Vue 的 v-for 循环中要求使用 :key
|
||
'vue/require-v-for-key': 'error', // vue的for循环是否必须有key
|
||
|
||
// 关闭 Vue 组件名必须多字的规则
|
||
'vue/multi-word-component-names': 'off',
|
||
|
||
// 关闭 Vue 的 v-model 中的参数规则
|
||
'vue/no-v-model-argument': 'off',
|
||
|
||
// Vue 的 setup() 函数必须使用的变量规则
|
||
'vue/script-setup-uses-vars': 'error',
|
||
|
||
// 关闭 Vue 组件名的保留规则
|
||
'vue/no-reserved-component-names': 'off',
|
||
|
||
// 关闭 Vue 事件名的命名规则
|
||
'vue/custom-event-name-casing': 'off',
|
||
|
||
// 关闭 Vue 属性的顺序规则
|
||
'vue/attributes-order': 'off',
|
||
|
||
// 关闭一个文件只能有一个组件规则
|
||
'vue/one-component-per-file': 'off',
|
||
|
||
// 关闭 HTML 标签闭合换行规则
|
||
'vue/html-closing-bracket-newline': 'off',
|
||
|
||
// 关闭 HTML 属性每行最大数量规则
|
||
'vue/max-attributes-per-line': 'off',
|
||
|
||
// 关闭多行 HTML 元素内容的规则
|
||
'vue/multiline-html-element-content-newline': 'off',
|
||
|
||
// 关闭单行 HTML 元素内容的规则
|
||
'vue/singleline-html-element-content-newline': 'off',
|
||
|
||
// 关闭 HTML 属性连字符的规则
|
||
'vue/attribute-hyphenation': 'off',
|
||
|
||
// 关闭要求 Vue 默认属性的规则
|
||
'vue/require-default-prop': 'off',
|
||
|
||
// 关闭要求 Vue 显式触发事件的规则
|
||
'vue/require-explicit-emits': 'off',
|
||
|
||
// HTML 标签自闭合规则
|
||
'vue/html-self-closing': [
|
||
'error',
|
||
{
|
||
html: {
|
||
void: 'always', // 自闭合标签必须自闭合
|
||
normal: 'never', // 普通标签不得自闭合
|
||
component: 'always', // 组件标签必须自闭合
|
||
},
|
||
svg: 'always',
|
||
math: 'always',
|
||
},
|
||
],
|
||
|
||
// 警告空方法检查
|
||
'@typescript-eslint/no-empty-function': 'warn',
|
||
|
||
// 关闭 any 类型的警告
|
||
'@typescript-eslint/no-explicit-any': 'off',
|
||
|
||
// 关闭使用 @ts-ignore 的警告
|
||
'@typescript-eslint/ban-ts-ignore': 'off',
|
||
|
||
// 关闭使用 @ts-comment 的警告
|
||
'@typescript-eslint/ban-ts-comment': 'off',
|
||
|
||
// 关闭一些特定类型的警告
|
||
'@typescript-eslint/ban-types': 'off',
|
||
|
||
// 关闭函数返回类型的警告
|
||
'@typescript-eslint/explicit-function-return-type': 'off',
|
||
|
||
// 关闭 any 类型的警告
|
||
'@typescript-eslint/no-explicit-any': 'off',
|
||
|
||
// 关闭使用 require 的警告
|
||
'@typescript-eslint/no-var-requires': 'off',
|
||
|
||
// 关闭使用尚未定义的变量的警告
|
||
'@typescript-eslint/no-use-before-define': 'off',
|
||
|
||
// 关闭模块导出类型的警告
|
||
'@typescript-eslint/explicit-module-boundary-types': 'off',
|
||
|
||
// 未使用的变量的警告
|
||
'@typescript-eslint/no-unused-vars': 'warn',
|
||
|
||
// Prettier 配置
|
||
'prettier/prettier': [
|
||
'error',
|
||
{
|
||
useTabs: false, // 不使用制表符
|
||
},
|
||
],
|
||
},
|
||
// eslint不能对html文件生效
|
||
overrides: [
|
||
{
|
||
files: ['*.html'],
|
||
processor: 'vue/.vue',
|
||
},
|
||
],
|
||
// https://eslint.org/docs/latest/use/configure/language-options#specifying-globals
|
||
globals: {
|
||
OptionType: 'readonly',
|
||
},
|
||
};
|