<p align="center">
  <img height="160px" src="https://tianyuhao.cn/images/fighting-design/FightingDesign.svg">
  <h2 align="center" style="font-weight: 600">Fighting Design</h2>
</p>

<p align="center">
  Fighting Design 可在 vue3 应用程序中快速构建交互界面，看起来还不错。
</p>

<p align="center">
  中文 | <a href="https://github.com/FightingDesign/fighting-design/blob/master/README.en-US.md">English</a>
</p>

<p align="center">
  <a href="https://github.com/FightingDesign/fighting-design/stargazers"><img src="https://img.shields.io/github/stars/FightingDesign/fighting-design" /></a>
  <a href="https://www.npmjs.com/package/fighting-design"><img src="https://badgen.net/npm/v/fighting-design" /></a>
  <a href="https://fighting.tianyuhao.cn"><img src="https://img.shields.io/badge/Fighting%20Design-Docs-blue" /></a>
  <a href="https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.md"><img src="https://img.shields.io/badge/Fighting%20Design-CHANGELOG-blue" /></a>
</p>

## ✨ 特性

- 💪 使用 Vue.js 最新特性开发
- 🐆 全面基于 Vite，速度够快
- 🦩 零第三方依赖
- ✂️ 完善的代码提示
- 🪐 不同打包模式，兼容不同项目
- 🏆 支持完整引入和按需引入
- ✅ 使用 TypeScript + Template 编写
- 🖍️ 严格的 TypeScript 类型
- 🤟 全局无 any 类型
- ✔️ 配置简单，上手容易
- 🚩 单元测试
- 👍 社区团队维护
- ❤️ 根据实际需求开发
- 📃 优质详细的文档
- 📌 完善 RFC
- ☝️ 提出需求，不断完善
- 🌍 更多配置项，灵活组件
- 🛠 更多特性开发中

## 🔑 安装

使用 `pnpm` 安装

```shell
pnpm add --save-dev fighting-design
```

使用 `npm` 安装

```shell
npm install --save-dev fighting-design
```

使用 `yarn` 安装

```shell
yarn add --save-dev fighting-design
```

## 🎉 快速上手

在 `main.ts` 中引入下面内容

```ts
import { createApp } from 'vue'
import App from './App.vue'
import FightingDesign from 'fighting-design'
import 'fighting-design/dist/index.css'

createApp(App).use(FightingDesign).mount('#app')
```

## 🐳 相关链接

- [官方文档](https://fighting.tianyuhao.cn)
- [演练场](https://sfc.tianyuhao.cn)
- [NPM](https://www.npmjs.com/package/fighting-design)
- [贡献指南](https://github.com/FightingDesign/fighting-design/blob/master/CONTRIBUTING.md)
- [更新日志](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.md)

## 🌈 加入 Fighting Design

添加微信请备注 `Github` 用户名

![](https://tianyuhao.cn/images/auto/weixin.png)

## 💌 特别感谢

感谢所有已经为 `Fighting Design` [做出贡献的人](https://github.com/FightingDesign/fighting-design/graphs/contributors)！

<a href="https://github.com/FightingDesign/fighting-design/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=FightingDesign/fighting-design" />
</a>

## 💬 执照

[MIT](https://github.com/FightingDesign/fighting-design/blob/master/LICENSE)
