Fighting Design

在Vue3项目中需要快速搭建交互界面时，Fighting Design提供了一套基于TypeScript的组件库，支持按需引入与全局注册。

核心能力

• 组件覆盖:包含按钮、表单、弹窗、导航等高频UI组件，满足后台管理及前台展示场景
• 按需加载:支持按组件引入，配合Tree Shaking减少打包体积
• 类型安全:全量TypeScript编写，提供完整的类型定义文件，IDE智能提示友好

使用方式

• 安装命令:通过npm或yarn安装`fighting-design`包
• 全局注册:在main.ts中`import FightingDesign from 'fighting-design'`并`app.use()`
• 按需引入:直接`import { FButton } from 'fighting-design'`局部注册组件
• 文档参考:官方文档站(https://fighting.tianyuhao.cn/)提供组件API与示例，当前官网因SPA架构偶发连接拒绝

项目背景

• 维护方:由开发者tianyuhao在GitHub上维护的开源项目
• 协议:基于MIT开源协议，可自由使用、修改与商用
• 社区状态:GitHub仓库持续更新，接受Issue反馈与Pull Request贡献

常见问题

Q1：Fighting Design是否支持Vue2？

A1：不支持。该组件库专为Vue3设计，依赖Composition API与Teleport等Vue3特性，无法在Vue2中使用。

Q2：官网无法访问时如何查看组件文档？

A2：官网(https://fighting.tianyuhao.cn/)为SPA应用，偶发连接拒绝。可访问GitHub仓库(https://github.com/FightingDesign/fighting-design)查看README中的快速开始指南与组件列表，源码中的注释也包含类型与用法说明。

更多同类工具与网站,可在Vue分类继续挑选。

信息核实于 2026年7月,具体以官网为准。