fix: 🐛 优化 eslint 配置,修复无法检测 vue 文件问题
This commit is contained in:
118
eslint.config.js
118
eslint.config.js
@@ -1,115 +1,99 @@
|
|||||||
|
// https://eslint.nodejs.cn/docs/latest/use/configure/configuration-files
|
||||||
|
|
||||||
import globals from "globals";
|
import globals from "globals";
|
||||||
import js from "@eslint/js";
|
import pluginJs from "@eslint/js"; // JavaScript 规则
|
||||||
|
import pluginVue from "eslint-plugin-vue"; // Vue 规则
|
||||||
|
import pluginTypeScript from "@typescript-eslint/eslint-plugin"; // TypeScript 规则
|
||||||
|
|
||||||
// ESLint 核心插件
|
import parserVue from "vue-eslint-parser"; // Vue 解析器
|
||||||
import pluginVue from "eslint-plugin-vue";
|
import parserTypeScript from "@typescript-eslint/parser"; // TypeScript 解析器
|
||||||
import pluginTypeScript from "@typescript-eslint/eslint-plugin";
|
|
||||||
|
|
||||||
// Prettier 插件及配置
|
import configPrettier from "eslint-config-prettier"; // 禁用与 Prettier 冲突的规则
|
||||||
import configPrettier from "eslint-config-prettier";
|
import pluginPrettier from "eslint-plugin-prettier"; // 运行 Prettier 规则
|
||||||
import pluginPrettier from "eslint-plugin-prettier";
|
|
||||||
|
|
||||||
// 解析器
|
// 解析自动导入配置
|
||||||
import * as parserVue from "vue-eslint-parser";
|
import fs from "fs";
|
||||||
import * as parserTypeScript from "@typescript-eslint/parser";
|
const autoImportConfig = JSON.parse(fs.readFileSync(".eslintrc-auto-import.json", "utf-8"));
|
||||||
|
|
||||||
// 定义 ESLint 配置
|
/** @type {import('eslint').Linter.Config[]} */
|
||||||
export default [
|
export default [
|
||||||
// 通用 JavaScript 配置
|
// 指定检查文件和忽略文件
|
||||||
|
{
|
||||||
|
files: ["**/*.{js,mjs,cjs,ts,vue}"],
|
||||||
|
ignores: ["**/*.d.ts"],
|
||||||
|
},
|
||||||
|
// 全局配置
|
||||||
{
|
{
|
||||||
...js.configs.recommended,
|
|
||||||
ignores: ["**/.*", "dist/*", "*.d.ts", "public/*", "src/assets/**"],
|
|
||||||
languageOptions: {
|
languageOptions: {
|
||||||
globals: {
|
globals: {
|
||||||
...globals.browser, // 浏览器变量 (window, document 等)
|
...globals.browser,
|
||||||
...globals.node, // Node.js 变量 (process, require 等)
|
...globals.node,
|
||||||
|
...autoImportConfig.globals,
|
||||||
|
...{
|
||||||
|
PageQuery: "readonly",
|
||||||
|
PageResult: "readonly",
|
||||||
|
OptionType: "readonly",
|
||||||
|
ResponseData: "readonly",
|
||||||
|
ExcelResult: "readonly",
|
||||||
|
TagView: "readonly",
|
||||||
|
AppSettings: "readonly",
|
||||||
|
__APP_INFO__: "readonly",
|
||||||
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
plugins: {
|
plugins: { prettier: pluginPrettier },
|
||||||
prettier: pluginPrettier,
|
|
||||||
},
|
|
||||||
rules: {
|
rules: {
|
||||||
...configPrettier.rules,
|
...configPrettier.rules, // 关闭与 Prettier 冲突的规则
|
||||||
...pluginPrettier.configs.recommended.rules,
|
...pluginPrettier.configs.recommended.rules, // 启用 Prettier 规则
|
||||||
"no-debug": "off", // 禁止 debugger
|
"prettier/prettier": "error", // 强制 Prettier 格式化
|
||||||
"prettier/prettier": [
|
"no-unused-vars": [
|
||||||
"error",
|
"error",
|
||||||
{
|
{
|
||||||
endOfLine: "auto", // 自动识别换行符
|
argsIgnorePattern: "^_", // 忽略以 _ 开头的变量未使用警告
|
||||||
|
varsIgnorePattern: "^[A-Z0-9_]+$", // 忽略变量名为大写字母、数字或下划线组合的未使用警告(枚举定义未使用场景)
|
||||||
|
ignoreRestSiblings: true, // 忽略解构赋值中同级未使用变量的警告
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
// JavaScript 配置
|
||||||
|
pluginJs.configs.recommended,
|
||||||
|
|
||||||
// TypeScript 配置
|
// TypeScript 配置
|
||||||
{
|
{
|
||||||
files: ["**/*.?([cm])ts"],
|
files: ["**/*.ts"],
|
||||||
|
ignores: ["**/*.d.ts"], // 排除d.ts文件
|
||||||
languageOptions: {
|
languageOptions: {
|
||||||
parser: parserTypeScript,
|
parser: parserTypeScript,
|
||||||
parserOptions: {
|
parserOptions: {
|
||||||
sourceType: "module",
|
sourceType: "module",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
plugins: {
|
plugins: { "@typescript-eslint": pluginTypeScript },
|
||||||
"@typescript-eslint": pluginTypeScript,
|
|
||||||
},
|
|
||||||
rules: {
|
rules: {
|
||||||
...pluginTypeScript.configs.strict.rules,
|
...pluginTypeScript.configs.strict.rules, // TypeScript 严格规则
|
||||||
"@typescript-eslint/no-explicit-any": "off", // 允许使用 any
|
"@typescript-eslint/no-explicit-any": "off", // 允许使用 any
|
||||||
"@typescript-eslint/no-empty-function": "off", // 允许空函数
|
"@typescript-eslint/no-empty-function": "off", // 允许空函数
|
||||||
"@typescript-eslint/no-empty-object-type": "off", // 允许空对象类型
|
"@typescript-eslint/no-empty-object-type": "off", // 允许空对象类型
|
||||||
"@typescript-eslint/consistent-type-imports": [
|
|
||||||
"error",
|
|
||||||
{ disallowTypeAnnotations: false, fixStyle: "inline-type-imports" },
|
|
||||||
], // 统一类型导入风格
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
// TypeScript 声明文件的特殊配置
|
// Vue 配置
|
||||||
{
|
|
||||||
files: ["**/*.d.ts"],
|
|
||||||
rules: {
|
|
||||||
"eslint-comments/no-unlimited-disable": "off",
|
|
||||||
"unused-imports/no-unused-vars": "off",
|
|
||||||
"@typescript-eslint/ban-ts-comment": "off", // 允许使用 @ts-nocheck 注释
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
// JavaScript (commonjs) 配置
|
|
||||||
{
|
|
||||||
files: ["**/*.?([cm])js"],
|
|
||||||
rules: {
|
|
||||||
"@typescript-eslint/no-var-requires": "off", // 允许 require
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
// Vue 文件配置
|
|
||||||
{
|
{
|
||||||
files: ["**/*.vue"],
|
files: ["**/*.vue"],
|
||||||
languageOptions: {
|
languageOptions: {
|
||||||
parser: parserVue,
|
parser: parserVue,
|
||||||
parserOptions: {
|
parserOptions: {
|
||||||
parser: "@typescript-eslint/parser",
|
parser: parserTypeScript,
|
||||||
sourceType: "module",
|
sourceType: "module",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
plugins: {
|
plugins: { vue: pluginVue, "@typescript-eslint": pluginTypeScript },
|
||||||
vue: pluginVue,
|
|
||||||
},
|
|
||||||
processor: pluginVue.processors[".vue"],
|
processor: pluginVue.processors[".vue"],
|
||||||
rules: {
|
rules: {
|
||||||
...pluginVue.configs["vue3-recommended"].rules,
|
...pluginVue.configs["vue3-recommended"].rules, // Vue 3 推荐规则
|
||||||
"vue/no-v-html": "off", // 允许 v-html
|
"vue/no-v-html": "off", // 允许 v-html
|
||||||
"vue/require-default-prop": "off", // 允许没有默认值的 prop
|
"vue/multi-word-component-names": "off", // 允许单个单词组件名
|
||||||
"vue/multi-word-component-names": "off", // 关闭组件名称多词要求
|
|
||||||
"vue/html-self-closing": [
|
|
||||||
"error",
|
|
||||||
{
|
|
||||||
html: { void: "always", normal: "always", component: "always" },
|
|
||||||
svg: "always",
|
|
||||||
math: "always",
|
|
||||||
},
|
|
||||||
], // 自闭合标签
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|||||||
Reference in New Issue
Block a user