f_cli 0.1.1

# 一款让欲罢不能的前端脚手架

> 一键式生成前端`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)