拖出来的微信小程序
昨天测试开发了一个砸屏的小游戏，今天咱又花了一个中午拖出个小商城，咱不会美工，从互联网上下载了一个开源的商城源码，感谢互联网这位美工，不好意思偷取了您的作品。没办法呀，老大叫我做开发工具测试，美工忙得很呀，咱只会写代码的撸码员，又比较喜欢分享作品。
效果图1
效果图2
先介绍一个背景，图(MQuick的小程序可视化拖拉)是来自公司的的产品"MQuick轻应用开发"，默认拖拉是基于开源的MUI，所以咱只好在MUI的基础上，拖拉出各种组件，再通过修改属性来控制组件的样式。感兴趣的小伙伴可以访问 [米筷社区] 关注了解下。
熟悉互联网产品的小伙伴，应该看见这个拖拉界面比较熟悉吧，对！就是学习墨刀的风格，人家做APP原型设计确实是把能手呀，但人家只能够做原型，不能够导出干净的HTML5供撸码员写应用，咱用MQuick这玩意就是为了做HTML5轻应用的，拖拉出来的效果可以直接保存为干净的HTML5源码，通过javascript做交互，即快又省事，学习成本还不算高。
唉，算了不打广告啦，这是运营部门的事情，咱撸码员就是爱好分享，但又怕抓的图小伙伴们看不懂，只好打下广告介绍一下开发工具出处。不知道老大会不会给咱发点福利啊，哈哈哈....
咱也来跟老大报怨抱怨部份坑，用起来、看起来是比较酷的，但是，也有些地方不尽人意。例如，拖拉个小东西插到一个大容器里(如一个DIV)，但这个DIV长宽高非常小，要对准这个DIV正确的插进去真的不是一般的难，这跟处男那啥一样...忽略了，跑题了，没办法啦，我只好通过自带的代码编辑器去调试手工插了。我资讯了下研发的同事，办法就是用拖拉编辑器与代码编辑器同时打开一个HTML5文件，拖不好就用切换代码改改，有点像dreamware的感觉。
边拖拉边修改代码
边设计边预览，还可以手机扫描预览
也介绍一下，代码编辑器是基于aceedit开源的基础上优化出来的，还真不是盖的，写啥都好用。代码着色、提示、支持的语言不是一般的多，市面上的语言基本上都支持了，但咱只用到了css、html、javascript。没毛病...