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'],
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
]);
|