Ant Design Vue Playground 🎮

在线实时编辑和预览 Ant Design Vue 组件，无需安装任何依赖！

🚀 演示地址

Ant Design Vue Playground

🌟 特性

• 💡 即时预览: 实时编辑代码并查看结果
• 🧩 多版本支持: 支持切换 Vue、Ant Design Vue 和 TypeScript 版本
• 📦 零配置: 无需安装依赖，开箱即用
• 🔧 在线调试: 快速测试组件和代码片段
• 🌐 在线分享: 生成可共享的 URL 链接
• 🎨 现代化界面: 基于 Ant Design Vue 构建的美观界面

🛠️ 技术栈

• Vue 3 - 渐进式 JavaScript 框架
• Ant Design Vue - Vue UI 库
• @vue/repl - Vue 官方 REPL 组件
• UnoCSS - 即时按需原子 CSS 引擎
• VueUse - Vue Composition API 实用工具集

🎯 使用场景

• 快速测试 Ant Design Vue 组件
• 在线调试 Vue 代码
• 分享可复现的代码示例
• 学习 Ant Design Vue 的交互式教程
• 创建在线演示和原型

🚀 快速开始

在线使用

直接访问 Ant Design Vue Playground 即可开始使用。

本地开发

# 克隆项目
git clone https://github.com/huangmingfu/ant-design-vue-playground

# 进入项目目录
cd ant-design-vue-playground

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

📸 展示

简洁直观的编辑界面，支持实时预览

🔗 相关项目

特别感谢以下项目提供的灵感和技术支持：

• Element Plus Playground (主要参考)
• Ant Design Vue
• Vue.js
• @vue/repl

🤝 贡献

欢迎提交 Issue 和 Pull Request 来帮助我们改进项目！

📄 License

MIT

如果您觉得这个项目有帮助，请考虑给它一个 Star ⭐