使用 Typescript-eslint 和 Prettier 对 React 中的 Typescript 代码进行标准化
💡
原文约1300字/词，阅读约需5分钟。
📝
内容提要
本文介绍了如何使用typescript-eslint和prettier配置React库的代码标准化，包括添加依赖、生成配置文件、应用推荐规则，以及自定义prettier和eslint规则，最后提供在package.json中添加lint检查脚本的示例。
🎯
关键要点
- 介绍了如何使用typescript-eslint和prettier配置React库的代码标准化。
- typescript-eslint用于分析代码并解决问题，prettier用于代码格式化。
- 通过yarn添加typescript-eslint、eslint和@eslint/js依赖。
- 生成eslint.config.mjs配置文件，应用推荐的eslint和typescript规则。
- 添加prettier、eslint-plugin-prettier、eslint-config-prettier和eslint-plugin-react插件。
- 在eslint配置中添加React和prettier的推荐规则。
- 可以自定义prettier和eslint的规则以满足项目需求。
- 提供了如何在eslint配置中自定义prettier和eslint规则的示例。
- 可以忽略特定类型的文件不运行typescript-eslint。
- 可以为特定文件定义自定义规则。
- 在package.json中添加lint检查脚本以执行eslint。
- 目前无法将eslint-plugin-react-hooks插件添加到typescript-eslint中。
- 文章旨在展示如何配置typescript-eslint与prettier，并自定义规则。
➡️
