Cleevio项目模板React+TypeScript+ESLint配置
Create React App 的项目直接整合了 ESLint + Prettier + Airbnb 规则，省事不少，适合懒得一项项配的朋友。图标用svgr一键转成 React 组件，还能加上--typescript参数，省去不少手工活，挺方便的。你只要跑一行命令，像这样：npx @svgr/cli src/assets/icons/Flags --out-dir src/assets/icons --icon --typescript，就能自动生成干净的图标组件，配合 TS 用起来更安心。
项目整体风格偏向偏实用派，没有太多花哨，但基本功扎实。ESLint 用的是 Airbnb 那套规则，挺严格，但也比较通用。配了Prettier之后，格式基本不用操心，保存自动修复那种。
要是你平时用 TypeScript 写 React，又不太想折腾各种配置文件，直接拿这个项目做模板，挺合适的。图标多的时候，直接扔进icons目录，命令一跑，自动出组件，效率也高。
如果你想看看具体配置细节，可以参考下面这几个链接，像ESLint 配置扩展、TS + React 整合 ESLint这些文章都讲得挺清楚。
嗯，对了，SVGR 的原理也可以看看，知道它怎么把SVG变成React 组件的，遇到小问题也方便排查。
如果你图标组件多、项目又是用 TS 的，那这个项目结构真挺省心的，拿来就能跑。
文件大小：813.2KB
评论区