Eslint（新版 9+）

介绍

https://eslint.nodejs.cn/docs/latest/use/getting-started

使用

阅读官方文档基本就妥了，这里简单记载下

安装

pnpm create @eslint/config@latest

自动生成了 eslint.config.js 文件

import js from "@eslint/js";
import pluginVue from "eslint-plugin-vue";
import { defineConfig } from "eslint/config";
import globals from "globals";
import tseslint from "typescript-eslint";

export default defineConfig([
  { files: ["src/**/*.{js,mjs,cjs,ts,vue}"] },
  {
    files: ["src/**/*.{js,mjs,cjs,ts,vue}"],
    languageOptions: { globals: { ...globals.browser, ...globals.node } },
  },
  {
    files: ["src/**/*.{js,mjs,cjs,ts,vue}"],
    plugins: { js },
    extends: ["js/recommended"],
  },
  tseslint.configs.recommended,
  pluginVue.configs["flat/essential"],
  {
    files: ["src/**/*.vue"],
    languageOptions: { parserOptions: { parser: tseslint.parser } },
  },
  { files: ["src/**/*.{js,mjs,cjs,ts,vue}"], rules: {} }, // Add your custom rules here
]);

验证是否生效

npx eslint src/your-file.vue --debug

解决与 Prettier 的格式化冲突

参考 Prettier

忽略某个文件

1. ignore
2. 注释标签

/* eslint-disable */

// 这里的代码将不会被 ESLint 检查console.log('This code is ignored by ESLint.');

/* eslint-enable */