eslint 配置

发表于 更新于 分类于 本文字数： 150 阅读时长 ≈ 1 分钟

安装 eslint

1
pnpm i -D @antfu/eslint-config eslint@9.x.x

配置默认值

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
const {
  angular: enableAngular = false,
  astro: enableAstro = false,
  autoRenamePlugins = true,
  componentExts = [],
  e18e: enableE18e = true,
  gitignore: enableGitignore = true,
  ignores: userIgnores = [],
  imports: enableImports = true,
  jsdoc: enableJsdoc = true,
  jsx: enableJsx = true,
  nextjs: enableNextjs = false,
  node: enableNode = true,
  perfectionist: enablePerfectionist = true,
  pnpm: enableCatalogs = !!findUpSync('pnpm-workspace.yaml'),
  react: enableReact = false,
  regexp: enableRegexp = true,
  solid: enableSolid = false,
  svelte: enableSvelte = false,
  type: appType = 'app',
  typescript: enableTypeScript = isPackageExists('typescript') || isPackageExists('@typescript/native-preview'),
  unicorn: enableUnicorn = true,
  unocss: enableUnoCSS = false,
  vue: enableVue = VuePackages.some(i => isPackageExists(i)),
} = options

安装 prettier 格式化普通文件

1
pnpm i -D eslint-plugin-format

eslint.config.mjs

1
2
3
4
5
6
7
8
9
import antfu from '@antfu/eslint-config';

export default antfu({
  stylistic: {
    semi: true,
  },
  // react: true, // 手动开启
  formatters: true,
});

react 安装

1
npm i -D @eslint-react/eslint-plugin eslint-plugin-react-refresh