mxDev
visual design tools for javascript web project ,such as vue react
ui界面的开发设计,如果有可视化设计工具的帮助,无疑会起到事半功倍的效果。在web项目组件化的时代。一款优秀的可视化工具会在概要设计,网站总体设计,交互设计,业务逻辑实现,api测试等方面带来巨大的效率提升。MxDev辅助设计工具致力于帮助设计开发人员更好,更快的进行设计开发,为有效降低软件企业设计开发成本,提高软件质量稳定性,缩短软件交付时间贡献力量。
mxDev是一款面向vue和react技术的辅助设计工具,其重要特性有:
一. 特点
- 工具以vscode插件方式展现,和vscode编程无缝结合
- 任意拖拽,实时展示
控件可由组件候选区拖拽到主编辑区,也可在主编辑区的不同父组件之间来回拖拽,将来更可和组件树之间进行拖拽。
主编辑器区的效果即真实页面的展示效果,不是模拟出来的,可以直接和组件进行人机交互。就目前来说,就已经非常适合进行页面原型设计,未来进一步完善后,更可以用来辅助业务细节实现。 - 组件属性即时修改,视图效果即时生效。
因为采用了先进的组件显示技术,即使对层次较深的组件进行属性修改,视图刷新速度也会保持飞快。 - 完善的组件属性编辑支持,包括属性类型及属性说明提示等
- 支持html标签和vue第三方库标签