t-fighting-design

Fighting Design

Fighting Design 可在 vue3 应用程序中快速构建交互界面，看起来还不错。

中文 | English

✨ 特性

- 💪 使用 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')
`

🐳 相关链接

- 官方文档
- 演练场
- NPM
- 贡献指南
- 更新日志

🌈 加入 Fighting Design

添加微信请备注 Github 用户名

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

💌 特别感谢

感谢所有已经为 Fighting Design` 做出贡献的人！

💬 执照

MIT