ESLint#

1import globals from 'globals'
2import pluginJs from '@eslint/js'
3import tseslint from 'typescript-eslint'
4import pluginVue from 'eslint-plugin-vue'
5import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
6
7/** @type {import('eslint').Linter.Config[]} */
8export default [
9  // 匹配所有以 .js, .mjs, .cjs, .ts, .vue 结尾的文件
10  { files: ['**/*.{js,mjs,cjs,ts,vue}'] },
11  // 定义全局变量,这里使用了 globals.browser 中的定义
12  { languageOptions: { globals: globals.browser } },
13  // 使用 @eslint/js 插件的 recommended 配置
14  pluginJs.configs.recommended,
15  // 使用 typescript-eslint 插件的 recommended 配置
16  ...tseslint.configs.recommended,
17  // 使用 eslint-plugin-vue 插件的 flat/essential 配置
18  ...pluginVue.configs['flat/essential'],
19  {
20    // 仅匹配 .vue 文件
21    files: ['**/*.vue'],
22    // 对于 .vue 文件,使用 typescript-eslint 解析器
23    languageOptions: { parserOptions: { parser: tseslint.parser } }
24  },
25  {
26    // 定义一些特定的规则
27    rules: {
28      // 在生产环境中警告使用 console 语句,开发环境中关闭
29      'no-console': import.meta.env?.PROD ? 'warn' : 'off',
30      // 在生产环境中警告使用 debugger 语句,开发环境中关闭
31      'no-debugger': import.meta.env?.PROD ? 'warn' : 'off',
32      // 函数括号前不允许有空格
33      'space-before-function-paren': ['error', 'never'],
34      // 关闭 Vue 组件名称必须多个单词的规则
35      'vue/multi-word-component-names': 'off'
36    }
37  },
38  { // [!code focus] // [!code ++] 
39    ignores: ['node_modules', 'dist'] // [!code focus] // [!code ++] 
40  }, // [!code focus] // [!code ++] 
41  eslintPluginPrettierRecommended
42]