安裝必要的依賴
npm install -D eslint @eslint/js @vue/eslint-config-prettier prettier eslint-plugin-vue
初始化 ESLint 配置
npm init @eslint/config

// eslint.config.js
// 針對 JavaScript 的 ESLint 配置和規則。保持 JavaScript 代碼的一致性和質量
import js from "@eslint/js"
// 導入了 `globals`全局變量的庫模塊，該模塊提供了一組預定義的全局變量（如 window、document 等），這些變量通常在不同的環境（如瀏覽器、Node.js）中可用。在 ESLint 配置中，你可以使用這個模塊來指定代碼所運行的環境，從而定義全局變量。
import globals from "globals" 
// 導入 `typescript-eslint` 插件（ `typescript-eslint/parser` 和 `typescript-eslint/eslint-plugin`）。提供了對 TypeScript 的支持，包括 TS 的解析器和推薦的規則集，用于在 TypeScript 文件中進行 lint 檢查。
import tseslint from "typescript-eslint"
//導入 `eslint-plugin-vue` 插件，提供了 Vue.js 特有 ESLint 規則。確保 Vue 文件（`.vue` 文件）中的代碼符合 Vue.js 的最佳實踐和代碼風格指南
import pluginVue from "eslint-plugin-vue"
import { defineConfig } from "eslint/config"export default defineConfig([{//**文件匹配**：`files` 屬性指定了哪些文件類型（JavaScript、TypeScript、Vue 文件等）將應用這些規則files: ["**/*.{js,mjs,cjs,ts,mts,cts,vue}"],plugins: { js },extends: ["js/recommended"],//1.  **全局變量**：`languageOptions` 配置了瀏覽器環境下的全局變量。languageOptions: { globals: globals.browser },"rules": {'semi': ['warn', 'never'],           // 禁止尾部使用分號'no-var': 'warn',                    // 禁止出現var用let和const代替}},// **插件和規則**：//`pluginJs.configs.recommended` 引入了 `@eslint/js` 插件的推薦規則。//  引入 `typescript-eslint` 插件的推薦規則tseslint.configs.recommended,// 引入`eslint-plugin-vue` 插件的基礎規則pluginVue.configs["flat/essential"],{// // 針對 Vue 文件配置files: ["**/*.vue"],languageOptions: {//為 `.vue` 文件指定了 TypeScript 解析器parserOptions:{ parser: tseslint.parser }}},
])