https://github.com/codennnn/apifox-ui

精心仿制 Apifox 界面，使用 Next + Antd + TailwindCSS 开发，源码融入了很多好的编码实践，非常适合 React 新手学习！
https://github.com/codennnn/apifox-ui

Last synced: 8 months ago
JSON representation

精心仿制 Apifox 界面，使用 Next + Antd + TailwindCSS 开发，源码融入了很多好的编码实践，非常适合 React 新手学习！

• Host: GitHub
• URL: https://github.com/codennnn/apifox-ui
• Owner: Codennnn
• Created: 2024-01-31T12:39:05.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-04-16T15:04:34.000Z (10 months ago)
• Last Synced: 2025-04-16T22:12:00.352Z (10 months ago)
• Language: TypeScript
• Homepage: https://apifox-ui.leoku.dev
• Size: 500 KB
• Stars: 141
• Watchers: 3
• Forks: 30
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
> [!CAUTION]

> 该项目仍处于开发阶段，这表示：

>

> - **功能不完整：** 当前缺少一些关键功能，正在努力开发中。

> - **代码变动：** 随着进一步开发，代码结构会有较大的变动。

> - **文档暂缺：** 还没来得及编写完整的文档，如果您在使用中遇到问题，请通过 issue 反馈。

# Apifox UI

## 介绍

这是一个精心仿制 Apifox 界面的纯前端项目，使用 Next + Antd + TypeScript + TailwindCSS 开发，源码融入了很多好的编码实践，能让你学习到如何组织和建设一个复杂的 React 项目，非常适合 React 新手学习！

![Apifox UI 界面展示](https://i.imgur.com/8UmNM9c.png)

## 动机

在日常工作中，我经常会使用 Antd 来构建页面，但大多数页面的结构和交互都是比较简单的。为了精进对 Next + Antd 的使用技巧，我选择了 Apifox 这个相对复杂的界面进行模仿，希望在实践中能够掌握使用 Antd 打造出高级的页面效果。

可能有很多小伙伴也抱有类似的学习动机，所以我将代码开源出来，希望能帮助各位，感兴趣的话不妨到点个 star⭐ 收藏一下噢~

## 本地启动

```sh

pnpm i # 安装项目依赖

pnpm dev # 启动本地服务

```