VisualizeVue - Vue 可视化组件开发示例平台

一、项目简介

VisualizeVue 是一个强大的可视化组件开发示例平台，专门为 Vue 开发者设计。它允许用户实时在线展示 Vue 代码的效果，提供了便捷的代码编辑、预览和交互功能，助力开发者更高效地进行 Vue 组件开发。

二、主要功能

• 实时预览：用户可以在平台上编写 Vue 代码，并立即看到代码的实际效果，无需频繁切换环境进行查看。
• 代码编辑：提供功能丰富的代码编辑器，支持多种主题和语法高亮，方便用户进行代码编写和修改。
• 区域尺寸调节：可以轻松调整代码区域和预览区域的大小，满足不同的开发需求。
• 提交与保存：用户可以提交自己的代码，进行保存和分享，也可以在不同的模式（如编辑模式、查看模式、增加模式）下进行操作。
• 详细信息展示：通过抽屉组件，可以查看和编辑组件的详细信息。
• 图标库与子组件库：方便地访问图标库和子组件库，丰富组件开发的资源。

三、技术栈

• Vue.js：用于构建用户界面和实现前端逻辑。
• Element Plus：提供了美观实用的 UI 组件。
• 自定义组件：包括代码编辑器组件（CodeEditor）、详情抽屉组件（DetailsDrawer）、图标对话框组件（IconDlg）和子组件对话框组件（ChildDlg）等。

四、贡献指南

1. Fork 本项目。
2. 创建新的分支进行开发。
3. 提交代码并创建 Pull Request。

五、许可证

本项目采用 MIT 许可证。

欢迎大家使用 VisualizeVue，一起打造更高效的 Vue 组件开发体验！