82 lines
2.6 KiB
JavaScript
82 lines
2.6 KiB
JavaScript
import js from "@eslint/js";
|
||
import globals from "globals";
|
||
import pluginVue from "eslint-plugin-vue";
|
||
import { defineConfig } from "eslint/config";
|
||
// 引入 TypeScript ESLint 插件和解析器
|
||
import tsParser from "@typescript-eslint/parser";
|
||
import tsPlugin from "@typescript-eslint/eslint-plugin";
|
||
|
||
export default defineConfig([
|
||
// 1. 基础 JS 规则（适用于 JS/Vue 文件）
|
||
{
|
||
files: ["**/*.{js,mjs,cjs,vue}"],
|
||
plugins: { js },
|
||
extends: ["js/recommended"]
|
||
},
|
||
// 2. 浏览器环境全局变量（适用于 JS/Vue/TS 文件）
|
||
{
|
||
files: ["**/*.{js,mjs,cjs,vue,ts,tsx}"],
|
||
languageOptions: {
|
||
globals: globals.browser
|
||
}
|
||
},
|
||
// 3. Vue 基础规则
|
||
pluginVue.configs["flat/essential"],
|
||
// 4. Auto-import 插件配置（保持不变）
|
||
{
|
||
plugins: {
|
||
'auto-import': {
|
||
extensions: ['.js', '.mjs', '.jsx', '.vue', '.ts', '.tsx'], // 增加 TS 扩展名
|
||
},
|
||
},
|
||
},
|
||
// 5. TypeScript 专属配置（核心）
|
||
{
|
||
// 仅对 TS/TSX 文件生效
|
||
files: ["**/*.{ts,tsx}"],
|
||
// 指定 TS 解析器
|
||
languageOptions: {
|
||
parser: tsParser,
|
||
// 解析器选项（需与 tsconfig.json 匹配）
|
||
parserOptions: {
|
||
ecmaVersion: "latest", // 支持最新 ES 语法
|
||
sourceType: "module", // 模块类型（ESM）
|
||
project: "./tsconfig.json", // 指向项目的 tsconfig.json（启用类型检查）
|
||
tsconfigRootDir: process.cwd(), // 确保找到 tsconfig.json 的根目录
|
||
},
|
||
},
|
||
// 引入 TS 插件
|
||
plugins: {
|
||
"@typescript-eslint": tsPlugin,
|
||
},
|
||
// 继承 TS 推荐规则（可选，按需调整）
|
||
extends: [
|
||
"plugin:@typescript-eslint/recommended", // 基础推荐规则
|
||
"plugin:@typescript-eslint/recommended-requiring-type-checking" // 依赖类型检查的规则（需 project 配置）
|
||
],
|
||
// TS 专属规则（可自定义）
|
||
rules: {
|
||
// 示例：禁用某些严格规则（根据需求调整）
|
||
"@typescript-eslint/explicit-function-return-type": "off",
|
||
"@typescript-eslint/no-explicit-any": "warn"
|
||
}
|
||
},
|
||
// 6. 全局规则（覆盖所有文件）
|
||
{
|
||
rules: {
|
||
// 可在此处添加适用于所有文件的规则
|
||
// 例如关闭不必要的规则
|
||
"no-undef": "off" // TS 已有类型检查，可关闭 JS 的 undef 检查
|
||
},
|
||
},
|
||
// 7. Auto-import 配置（增加 TS 支持）
|
||
{
|
||
settings: {
|
||
'auto-import': {
|
||
imports: ['vue', 'vue-router'], // 自动导入的模块
|
||
// 增加 TS 扩展名
|
||
extensions: ['.js', '.mjs', '.jsx', '.vue', '.ts', '.tsx'],
|
||
},
|
||
},
|
||
},
|
||
]); |