Skip to content

@antfu/eslint-config 的使用

目前(2024-5-19)考虑用 @antfu/eslint-config 实现对 eslint 的一揽子配置。

参考资料

依赖包覆盖

未来我应该要写包的依赖配置,比如我导入了很多 eslint 的插件,但是不清楚该怎么去覆盖其提供的默认配置。

可能的包覆盖配置教程:

安装并配置 eslint-plugin-prettier 和 eslint-config-prettier

根据仓库的教程,结合扁平化配置,配置示例如下。

js
import antfu from "@antfu/eslint-config";
import js from "@eslint/js";
import eslintConfigPrettier from "eslint-config-prettier";
import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
import { FlatCompat } from "@eslint/eslintrc";

export default antfu(
	{
		// 个人配置
	},

	// 旧文件格式的迁移配置
	...compat.config({
		extends: ["eslint:recommended"],
	}),

	{
		rules: {
			"prettier/prettier": [
				"off",
				{
					usePrettierrc: true,
				},
			],
		},
	},

	eslintPluginPrettierRecommended,
	eslintConfigPrettier,
);

额外封装 prettier cli 命令

这篇教程,说明了我们在使用 eslint-config-prettier 时,仍旧需要手动封装命令行。

贡献者

The avatar of contributor named as ruan-cat ruan-cat

页面历史