# 一款让欲罢不能的前端脚手架 > 一键式生成前端`React`项目 内置以下功能 - 组件库 - CSS 预处理器(`scss`/`less`) - `tailwind`/`css-in-js` - 全局状态管理 - `eslint`+ `oxlint`(最近很火) - `prettier` - `husky` - `axios` - `TypeScript` - 自定义样式 - `ErrorBoundary` - `git` - 处理`Vite`的打包配置 - ... 后续还会有更新 # 使用教程 通过`cargo install `到本地,然后配置环境变量 此`cli`分为两种模式 ## 交互式,可以通过命令行工具选择内置的功能 1. ![选择UI库](https://files.mdnice.com/user/24720/92cd46db-3564-40e3-a236-0c3d6fe95ffa.png) 2. ![选择CSS预处理器](https://files.mdnice.com/user/24720/09f30139-5c78-4024-bc6f-92022dda06ca.png) 3. ![选择Hook](https://files.mdnice.com/user/24720/cd86acc0-9840-412a-b949-9fdc9dd21292.png) 4. ![选择状态管理库](https://files.mdnice.com/user/24720/c8649980-33ab-4c9f-9755-50c9d1c3ec0a.png) 5. ![项目初始化完毕](https://files.mdnice.com/user/24720/af3e39b3-55b8-4a15-b61d-0fec9d71a1c2.png) ## 非交互式,需要提供你想使用的功能 ![](https://files.mdnice.com/user/24720/a8460e16-1ff2-4a7b-bf2b-2d774cab1cae.png) # 命令查询 可以通过`f_cli --help`来获取帮助信息 ![](https://files.mdnice.com/user/24720/23898e43-0182-4e3a-b156-f75f57346400.png) 使用`f_cli xx --help`查看更详细的说明 ![](https://files.mdnice.com/user/24720/ce27e872-d245-414e-88e3-63bd11aed1f0.png) --- # 关于作者 我是**柒八九**。一个**专注于前端开发技术/`Rust`及`AI`应用知识分享**的`Coder`。 - 掘金-前端小魔女:[https://juejin.cn/user/1433418892322119](https://juejin.cn/user/1433418892322119) - 公众号:[前端柒八九](https://mp.weixin.qq.com/s/fQ8ti1LYmMkLevgVh51ztA)