78 lines
3.1 KiB
JavaScript
78 lines
3.1 KiB
JavaScript
import js from '@eslint/js'
|
||
import globals from 'globals'
|
||
import tseslint from 'typescript-eslint'
|
||
import pluginVue from 'eslint-plugin-vue'
|
||
import { defineConfig } from 'eslint/config'
|
||
|
||
export default defineConfig([
|
||
{
|
||
ignores: [
|
||
'**/dist/**', // 忽略所有 dist 文件夹
|
||
'**/node_modules/**', // 忽略所有 node_modules
|
||
],
|
||
},
|
||
// 1. 使用 ESLint 官方推荐规则
|
||
js.configs.recommended,
|
||
|
||
// 2. 设置全局变量（浏览器、Node.js、ES2021、Jest）
|
||
{
|
||
files: ['**/*.{js,mjs,cjs,ts,mts,cts,vue}'],
|
||
languageOptions: {
|
||
globals: {
|
||
...globals.browser, // 浏览器全局变量（如 `window`, `document`）
|
||
...globals.es2021, // ES2021 全局变量（如 `Promise`, `Map`）
|
||
...globals.node, // Node.js 全局变量（如 `require`, `process`）
|
||
...{ jest: 'readonly' }, // Jest 测试框架全局变量（如 `describe`, `test`）
|
||
},
|
||
},
|
||
},
|
||
|
||
// 3. 添加 TypeScript 支持（使用 `@typescript-eslint` 推荐规则）
|
||
...tseslint.configs.recommended,
|
||
|
||
// 4. 添加 Vue 3 支持（使用 `eslint-plugin-vue` 基础规则）
|
||
...pluginVue.configs['flat/essential'],
|
||
|
||
// 5. 针对 `.vue` 文件的解析配置
|
||
{
|
||
files: ['**/*.vue'],
|
||
languageOptions: {
|
||
parserOptions: {
|
||
ecmaVersion: 'latest', // 使用最新的 ECMAScript 版本
|
||
sourceType: 'module', // 使用 ES Module 语法
|
||
jsxPragma: 'React', // 如果用了 JSX，指定 React 作为全局变量
|
||
ecmaFeatures: {
|
||
jsx: true, // 启用 JSX 支持
|
||
},
|
||
},
|
||
},
|
||
},
|
||
|
||
// 6. 自定义规则（覆盖或扩展默认规则）
|
||
{
|
||
rules: {
|
||
// ESLint 基础规则
|
||
'no-var': 'error', // 禁止使用 `var`，必须用 `let` 或 `const`
|
||
'no-multiple-empty-lines': ['warn', { max: 1 }], // 最多允许 1 个空行
|
||
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', // 生产环境禁止 `console`
|
||
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', // 生产环境禁止 `debugger`
|
||
'no-unexpected-multiline': 'error', // 禁止意外的多行代码
|
||
'no-useless-escape': 'off', // 允许不必要的转义字符（如 `\/`）
|
||
|
||
// TypeScript 规则
|
||
'@typescript-eslint/no-unused-vars': 'error', // 禁止未使用的变量
|
||
'@typescript-eslint/prefer-ts-expect-error': 'error', // 禁止 `@ts-ignore`，推荐用 `@ts-expect-error`
|
||
'@typescript-eslint/no-explicit-any': 'off', // 允许使用 `any` 类型
|
||
'@typescript-eslint/no-non-null-assertion': 'off', // 允许 `!` 非空断言
|
||
'@typescript-eslint/no-namespace': 'off', // 允许使用 `namespace`
|
||
'@typescript-eslint/semi': 'off', // 不强制分号
|
||
|
||
// Vue 规则
|
||
'vue/multi-word-component-names': 'off', // 允许单单词组件名（如 `Home.vue`）
|
||
'vue/script-setup-uses-vars': 'error', // 确保 `<script setup>` 的变量在 `<template>` 里可用
|
||
'vue/no-mutating-props': 'off', // 允许直接修改 `props`（不推荐，但有时需要）
|
||
'vue/attribute-hyphenation': 'off', // 允许非连字符式属性名（如 `:customProp`）
|
||
},
|
||
},
|
||
])
|