siro-vue-ide

前言

经过多年的前端开发实践与探索，我深刻理解到这一领域的复杂性和挑战性。深知在代码编织的海洋中，开发者们渴望更高效、直观的工具来提升创作体验。

为此，我利用业余时间，精心打磨出一款前沿的可视化编辑器，旨在革新前端开发流程。这款编辑器不仅简化了代码编写，更通过直观的界面设计，让创意与技术无缝对接。它是前端工程师们的得力助手，能够显著提升开发效率，减少重复劳动，激发无限创新可能。

我希望，通过这款编辑器，能为前端社区注入新的活力，促进技术交流与进步，共同推动行业向前发展。

介绍

"Siro-Vue-IDE" 插件当前专注于对Element UI框架的深度集成与优化，Element UI，作为一套基于Vue.js的桌面端UI解决方案，以其简洁的设计、丰富的组件库以及优秀的文档支持，迅速赢得了众多前端开发者的青睐。它不仅提供了大量的预设组件，涵盖了从按钮、表单到表格、对话框等多种常见的网页元素，而且每个组件都经过精心设计，确保了良好的交互体验和视觉一致性。

"Siro-Vue-IDE" 插件通过紧密集成Element UI，实现了对这些组件的可视化编辑，开发者可以直观地在编辑器中浏览和选择所需的组件，然后通过简单的拖放操作将其添加到项目中，整个过程无需编写额外的代码。更重要的是，插件还提供了组件属性的即时编辑功能，这意味着开发者可以在编辑器中直接修改组件的属性值，观察实时的预览效果，从而更精确地控制组件的行为和外观，极大地提高了开发效率和灵活性。

然而，尽管"Siro-Vue-IDE" 目前主要支持Element UI，但这并不意味着它的潜力仅限于此。随着插件的不断更新和完善，未来有望增加对更多流行UI框架的支持，如Ant Design Vue、Vuetify等，以满足不同项目和场景的需求。这种开放性和可扩展性是"Siro-Vue-IDE" 的一大优势，它承诺为Vue.js开发者提供一个更加全面、灵活的开发平台，助力他们在前端开发的道路上走得更远、更稳。

总之，"Siro-Vue-IDE" 插件通过与Element UI的深度整合，不仅为Vue.js开发者带来了前所未有的开发体验，也展示了其在前端工具领域的创新能力和对开发者需求的深刻理解。随着技术的不断进步和社区的持续贡献，我们有理由相信，这款插件将在未来的日子里，继续引领Vue.js开发工具的发展潮流，成为前端工程师们手中不可或缺的利器。

支持编辑的vue文件

• [x] vue2
• [x] vue3
• [x] element ui
• [ ] ant design

版本记录

版本号：1.0.0

1. 初始建立插件

版本号：1.0.1

1. 优化画布中的拖拽体验
2. 增加组件选中效果
3. 移除右侧待拖拽组件列表
4. 增加右键菜单中添加组件

版本号：1.0.2

1. 完善右键删除组件功能
2. 完善右键复制组件功能
3. 完善右键粘贴组件功能

版本号：1.0.3

1. 增加属性显示和修改功能

版本号：1.0.4

1. 完善所有已有组件的属性
2. 优化组件属性的增加和移除方式。