104 lines
3.7 KiB
JavaScript
104 lines
3.7 KiB
JavaScript
 
|
import js from '@eslint/js'
|
||
|
|
import pluginVue from 'eslint-plugin-vue'
|
||
|
|
import tseslint from 'typescript-eslint'
|
||
|
|
|
||
|
|
// 说明：这份配置刻意只开「低争议」规则。
|
||
|
|
// 项目里已有 2.7 万行前端代码，一次性打开 recommended 全量会砸出几千条告警，
|
||
|
|
// 反而没人看。先把「未使用变量 / 未定义变量 / == 与 ===」这类真问题卡住，
|
||
|
|
// 再逐步加规则。vite.config.ts 里已经在 build 前跑 vue-tsc，类型问题由它兜。
|
||
|
|
export default tseslint.config(
|
||
|
|
{
|
||
|
|
ignores: ['dist/**', 'node_modules/**', 'src/**/*.d.ts'],
|
||
|
|
},
|
||
|
|
js.configs.recommended,
|
||
|
|
...tseslint.configs.recommended,
|
||
|
|
...pluginVue.configs['flat/essential'],
|
||
|
|
{
|
||
|
|
files: ['**/*.{ts,vue}'],
|
||
|
|
languageOptions: {
|
||
|
|
ecmaVersion: 'latest',
|
||
|
|
sourceType: 'module',
|
||
|
|
// Vue SFC 的 <script setup lang="ts"> 必须显式指定 TS 解析器，
|
||
|
|
// 否则 eslint-plugin-vue 用的默认解析器不认识类型标注，会报
|
||
|
|
// 「Parsing error: Unexpected token XxxType」。
|
||
|
|
parserOptions: {
|
||
|
|
parser: tseslint.parser,
|
||
|
|
extraFileExtensions: ['.vue'],
|
||
|
|
ecmaFeatures: { jsx: false },
|
||
|
|
},
|
||
|
|
globals: {
|
||
|
|
// 浏览器环境
|
||
|
|
window: 'readonly',
|
||
|
|
document: 'readonly',
|
||
|
|
navigator: 'readonly',
|
||
|
|
localStorage: 'readonly',
|
||
|
|
sessionStorage: 'readonly',
|
||
|
|
fetch: 'readonly',
|
||
|
|
FormData: 'readonly',
|
||
|
|
Blob: 'readonly',
|
||
|
|
URL: 'readonly',
|
||
|
|
EventSource: 'readonly',
|
||
|
|
WebSocket: 'readonly',
|
||
|
|
ResizeObserver: 'readonly',
|
||
|
|
MutationObserver: 'readonly',
|
||
|
|
HTMLElement: 'readonly',
|
||
|
|
HTMLInputElement: 'readonly',
|
||
|
|
HTMLTextAreaElement: 'readonly',
|
||
|
|
HTMLDivElement: 'readonly',
|
||
|
|
HTMLCanvasElement: 'readonly',
|
||
|
|
Node: 'readonly',
|
||
|
|
Element: 'readonly',
|
||
|
|
Event: 'readonly',
|
||
|
|
KeyboardEvent: 'readonly',
|
||
|
|
MouseEvent: 'readonly',
|
||
|
|
AbortController: 'readonly',
|
||
|
|
setTimeout: 'readonly',
|
||
|
|
clearTimeout: 'readonly',
|
||
|
|
setInterval: 'readonly',
|
||
|
|
clearInterval: 'readonly',
|
||
|
|
requestAnimationFrame: 'readonly',
|
||
|
|
cancelAnimationFrame: 'readonly',
|
||
|
|
matchMedia: 'readonly',
|
||
|
|
console: 'readonly',
|
||
|
|
crypto: 'readonly',
|
||
|
|
performance: 'readonly',
|
||
|
|
// 构建期注入
|
||
|
|
__APP_VERSION__: 'readonly',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
rules: {
|
||
|
|
// 真问题：未使用变量、未定义变量
|
||
|
|
'no-unused-vars': 'off',
|
||
|
|
'@typescript-eslint/no-unused-vars': [
|
||
|
|
'error',
|
||
|
|
{
|
||
|
|
argsIgnorePattern: '^_',
|
||
|
|
varsIgnorePattern: '^_',
|
||
|
|
caughtErrors: 'none',
|
||
|
|
},
|
||
|
|
],
|
||
|
|
// 宽松处理 any：现有 API 类型里有历史遗留，先不拦
|
||
|
|
'@typescript-eslint/no-explicit-any': 'off',
|
||
|
|
// 空块与空接口在这类前端代码里常用于「占位」，不视为错误
|
||
|
|
'no-empty': ['error', { allowEmptyCatch: true }],
|
||
|
|
// Vue：多词组件名不强求（现有单文件组件已大量单词名）
|
||
|
|
'vue/multi-word-component-names': 'off',
|
||
|
|
// 未使用组件显式注册检查交由 vue-tsc
|
||
|
|
'vue/no-unused-components': 'off',
|
||
|
|
// TaskProviderForm / LogsView 里的 form、autoRefresh 都是 v-model 双向绑定的 prop。
|
||
|
|
// 这是 Vue 官方推荐写法（父组件传 ref，子组件 v-model 直接改），规则默认会误报。
|
||
|
|
'vue/no-mutating-props': ['error', { shallowOnly: true }],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
// 配置文件与脚本允许 CommonJS 风格的环境
|
||
|
|
files: ['*.config.{ts,js}', 'vite.config.ts'],
|
||
|
|
languageOptions: {
|
||
|
|
globals: {
|
||
|
|
process: 'readonly',
|
||
|
|
__dirname: 'readonly',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
)
|