AS-Editor —— 基于Vue的可视化、可拖拽页面编辑生成工具

AS-Editor是一款基于Vue框架的可视化、可拖拽页面编辑生成工具，旨在帮助开发者高效地完成页面布局和组件设计工作。

技术栈

前端

• Vue: 作为前端框架，Vue提供了响应式数据绑定和组合视图组件的能力。
• Vuex: 状态管理库，用于集中管理所有组件的状态。
• Sass: CSS预编译器，使得CSS编写更灵活、更强大。
• element-ui: Vue组件库，提供了丰富的UI组件，减少重复造轮子的工作。
• loadsh: 一个强大的工具类库，提供了一系列处理数组、数字、对象、字符串等常用方法。

服务端

• Koa: 基于Node.js的后端框架，提供了强大的中间件机制。
• MongoDB: 基于分布式文件存储的数据库，以其灵活性和可扩展性著称。

功能特性

• 自定义组件: 支持拖拽、删除组件，调整图层层级，放大缩小，撤消、重做等操作。
• 组件属性设置: 提供组件吸附、预览、保存代码等功能。
• 事件绑定: 支持为组件绑定事件。
• 动画配置: 支持动画时长、是否循环等配置。
• PSD导入: 支持将PSD文件导入编辑器。
• 手机模式: 提供手机模式查看页面效果。
• 数据交互: 支持组件之间的数据交互。
• 组件组合与拆分: 实现多个组件的组合和拆分。
• 文本组件、矩形组件: 提供文本组件、矩形组件等基础组件。
• 锁定组件: 支持锁定特定组件，防止误操作。
• 快捷键: 支持使用快捷键进行快速操作。
• 网格线编辑: 提供网格线辅助编辑，使布局更规范。
• 编辑器快照: 实现编辑器快照功能，便于版本回溯。

通过使用AS-Editor，开发者可以快速构建出符合需求的前端页面，提高开发效率，降低开发成本。欢迎下载使用！