React和TypeScript组件库，第二部分：使用typescript-eslint和prettier进行代码标准化
💡
原文约1200字/词，阅读约需5分钟。
📝
内容提要
本文介绍了如何为使用TypeScript和React的组件库添加代码标准化规则，利用typescript-eslint和prettier进行代码分析与格式化，涵盖配置文件创建、依赖库添加及自定义规则设置，以提升代码质量和一致性。
🎯
关键要点
- 本文介绍如何为使用TypeScript和React的组件库添加代码标准化规则。
- 使用typescript-eslint和prettier进行代码分析与格式化。
- 涵盖配置文件创建、依赖库添加及自定义规则设置。
- typescript-eslint负责分析代码，prettier负责代码格式化。
- 添加依赖库的命令为：yarn add typescript-eslint eslint @eslint/js prettier eslint-plugin-react --dev。
- 创建.prettierrc文件以遵循默认格式化规则。
- 创建eslint.config.mjs文件以定义代码分析规则。
- 使用推荐的eslint、typescript-eslint和react规则进行代码分析。
- 自定义规则包括：启用no-console、no-duplicate-imports等规则。
- package.json文件中定义了项目的基本信息和依赖。
- 添加脚本以确保代码标准化，包括lint和format命令。
- CHANGELOG.md记录了版本更新信息。
- 执行yarn build以确保构建成功，然后使用npm publish发布新版本。
- 文章的目的是提升代码质量和一致性。
➡️
