taro-designer

taro-designer copied to clipboard

突然间可视化拖拽的风好像在前端的各个角落吹起，自己也鼓捣了一下，代码基本开发完毕，做一下整理。 **github项目地址：**[taro-designer](https://github.com/silence717/taro-designer) **在线体验地址：**[taro-desiger](https://taro-designer.shuyun.com/#/) **主要涉及技术点如下：** - 背景 - 技术栈 - 拖拽 - 包装组件 - 数据结构 - 编辑器 - 单个组件操作 - 生成taro的源码 - 预览和下载源码 ### 背景 公司有一部分业务是做互动的开发，比如签到、礼品兑换等。由于互动的业务需要快速迭代，并且需要支持H5、微信小程序、以及淘宝小程序，因此前端采用了taro作为基础框架来满足多端的需求。因此我们思考是不是采用可视化的方式对基础的组件进行拖拉拽，直接生成页面布局，提高开发效率。 面对项目的种种局限，采用的是taro2.x库，以及taro自带的组件库，非taro-ui。因为taro支持的属性参差不齐，和业务方讨论之后，我们取tarojs组件库支持的h5和微信小程序的交集进行属性编辑。 ### 技术栈 react、mobx、cloud-react、tarojs ###...

silence717