79 lines
3.0 KiB
JavaScript
79 lines
3.0 KiB
JavaScript
import globals from "globals";
|
||
// 预定义配置
|
||
import pluginJs from "@eslint/js";
|
||
import tseslint from "typescript-eslint";
|
||
import pluginVue from "eslint-plugin-vue";
|
||
|
||
// import babelParser from "@typescript-eslint/parser";
|
||
import commpnParser from "vue-eslint-parser";
|
||
import prettier from "eslint-plugin-prettier";
|
||
|
||
// "@babel/eslint-parser";
|
||
|
||
// import customConfig from "./esconfig/custom_config.js";
|
||
|
||
export default [
|
||
// languageOptions：配置如何检查 js 代码
|
||
{
|
||
// 1.1 处理 与 JavaScript 相关的配置项
|
||
// - ecmaVersion
|
||
// - sourceType
|
||
// - globals
|
||
// - parser
|
||
// - parserOptions
|
||
// files: ["**/*.ts", "**/*.vue"],
|
||
// ignores: ["**/*.config.js"],
|
||
ignores: ["**/*.config.js", "dist/**", "node_modules/**", "!**/eslint.config.js"],
|
||
languageOptions: {
|
||
// 1.11 定义可用的全局变量
|
||
globals: globals.browser,
|
||
// 1.12 扩展
|
||
// ecmaVersion: "latest",
|
||
// sourceType: "module",
|
||
parser: commpnParser,
|
||
parserOptions: {
|
||
ecmaVersion: "latest",
|
||
sourceType: "module",
|
||
parser: "@typescript-eslint/parser",
|
||
ecmaFeatures: {
|
||
jsx: true
|
||
}
|
||
}
|
||
}
|
||
},
|
||
// 原来的extends替换为如下模式
|
||
pluginJs.configs.recommended,
|
||
...tseslint.configs.recommended,
|
||
...pluginVue.configs["flat/essential"],
|
||
{
|
||
plugins: {
|
||
prettier
|
||
},
|
||
rules: {
|
||
// 开启这条规则后，会将prettier的校验规则传递给eslint，这样eslint就可以按照prettier的方式来进行代码格式的校验
|
||
"prettier/prettier": "error",
|
||
// eslint（https://eslint.bootcss.com/docs/rules/）
|
||
"no-undef": "off", // 关闭 undefined 报错
|
||
"no-empty": "off", // 关闭 no-empty 规则
|
||
"no-var": "error", // 要求使用 let 或 const 而不是 var
|
||
"no-multiple-empty-lines": ["warn", { max: 1 }], // 不允许多个空行
|
||
"no-unexpected-multiline": "error", // 禁止空余的多行
|
||
"no-useless-escape": "off", // 禁止不必要的转义字符
|
||
|
||
// typeScript (https://typescript-eslint.io/rules)
|
||
"@typescript-eslint/no-unused-vars": "error", // 禁止定义未使用的变量
|
||
"@typescript-eslint/prefer-ts-expect-error": "error", // 禁止使用 @ts-ignore
|
||
"@typescript-eslint/no-explicit-any": "off", // 禁止使用 any 类型
|
||
"@typescript-eslint/no-non-null-assertion": "off",
|
||
"@typescript-eslint/no-namespace": "off", // 禁止使用自定义 TypeScript 模块和命名空间。
|
||
"@typescript-eslint/semi": "off",
|
||
|
||
// eslint-plugin-vue (https://eslint.vuejs.org/rules/)
|
||
"vue/multi-word-component-names": "off", // 要求组件名称始终为 “-” 链接的单词
|
||
"vue/script-setup-uses-vars": "error", // 防止<script setup>使用的变量<template>被标记为未使用
|
||
"vue/no-mutating-props": "off", // 不允许组件 prop的改变
|
||
"vue/attribute-hyphenation": "off" // 对模板中的自定义组件强制执行属性命名样式
|
||
}
|
||
}
|
||
];
|