为现有的React.js项目添加TypeScript支持（保留JavaScript支持）
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
TypeScript为React项目提供静态类型和更好的代码维护，迁移时可保留JavaScript支持。安装依赖、配置tsconfig.json和创建声明文件后，可逐步将.js文件转换为.tsx或.ts，确保两者共存，便于增量迁移。
🎯
关键要点
- TypeScript为React项目提供静态类型和更好的代码维护。
- 迁移时可保留JavaScript支持，允许.js和.tsx文件共存。
- 安装依赖项，包括TypeScript和必要的类型定义。
- 在package.json中添加脚本以检查TypeScript错误。
- 创建tsconfig.json文件并配置编译选项。
- 允许JavaScript文件与TypeScript文件共存。
- 创建react-app-env.d.ts文件以帮助TypeScript理解.tsx模块导入。
- 可以逐步将.js文件转换为.tsx或.ts。
- TypeScript和JavaScript文件可以相互导入，便于增量迁移。
- 运行TypeScript检查以确保项目正常工作。
- 成功添加TypeScript后，保持JavaScript兼容性，平滑过渡。
🏷️
标签
➡️
