我的 linter 工具集合

虽然目前 ESLint 有 auto-fix 功能，但例如 max-len 等规则仍然无法支持 auto-fix，Prettier 还是需要和 ESLint 配合使用才更香。这样一来，配置文件太多太杂太乱，还需要关注很多和项目本身无关的依赖。

于是有了这个仓库，用于整合各种 lint 相关配置、依赖。

🚀Features

目前整合了以下规则：

• eslint-recommended
• @typescript-eslint/eslint-plugin
• eslint-config-prettier（用来禁用 ESLint 和 Prettier 的冲突规则的）

📦安装

npm install -D @heteng99/linter

☕使用

生成配置文件

使用 lint-cli 生成模板配置文件

npm run lint-cli

执行命令后，执行目录下会生成两个配置文件 eslint.config.js 和 prettier.config.js

VSCode 相关修改

如果你使用的是 VSCode 并且 ESLint 看起来没有起作用，可能还需要做以下工作：

1. 安装插件

• 插件：ESLint，作者：Microsoft
• 插件：Prettier，作者：Prettier

2. 修改配置

在 settings.json 中添加这些配置

3. 查看 OUTPUT

查看控制台的输出，如图表示 ESLint 正常运作，可以做其他事情啦~

修改规则、配置

覆盖 Prettier 规则

修改 prettier.config.js 文件，详情见 Prettier 配置参考

/** @type {import("prettier").Config} */
export default {
  // add prettier rules here
};

覆盖 ESLint 规则

修改 eslint.config.js 了，例如我想要：

• 添加一条 ESLint 规则
• 添加 ignore 规则

// eslint.config.js
import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
import { defineFlatConfig } from 'eslint-define-config';

export default defineFlatConfig([
  eslintPluginPrettierRecommended,
  {
    rules: {
      'max-len': 120,
    },
    ignore: ['dist/**/*.js'],
  },
]);

更多规则配置可参考：

• ESLint Flat Config
• ESLint Rules

📖参考

• ESLint 为什么没有实现 max-len 的 autofix？
• ESLint 之与 Prettier 配合使用
• prefer-arrow-callback fix conflicting with prettier fix #65