Vscode可视化开发插件mxDev又更新了,这次是0.2.2版本。在vscode插件市场搜索mxDev并下载安装该版本带来的新特性如下:1.代码树视图代码树视图现在好像不能做什么,以后会是基础对于以后的很多功能,比如:代码树根部的自定义样式,多层组件(比如table)的编辑,甚至JSX编辑。.属性编辑对象、数组和方法类型的属性终于可以编辑了。在属性编辑器中点击要修改的属性值。如果是复杂类型,框架会使用vscode编辑器进行编辑。在vscode编辑器中编辑并保存。保存后,vscode编辑器会自动关闭,修改后的值会自动同步到可视化编辑器的属性值。对应的属性名称上会出现一个*号,表示该属性已修改但未保存。点击属性编辑器右侧的“保存”图标使修改生效,刷新查看3.设置主编辑区分辨率如下图所示,设置主编辑区分辨率4、流程上还有很多改进这些改进与业务功能无关,属于插件开发中的技术架构改进。(1)主编辑区独立一个iframe,通过css和技术框架与外部编辑器隔离(2)可视化编辑器和vscode插件端摒弃了传统的vscodewebview通信方式,采用websocket通信。在webview嵌套iframe的结构下,传统的通信方式在vscodewebview下会带来无法解决的“跨域”问题。websocket方式显然更加灵活和可扩展。(3)程序架构上还有很多演化。如果说0.1版本还在探索可视化工具在VSCode上的可行性,那么0.2版本就是一个真正向可视化设计和编码工具进化的版本。从这些改进中可以看出作者的雄心壮志和诚意满满。相信在0.3或0.4版本中,它会带来一个基本可用且易于使用的可视化工具。除了从插件市场下载安装,还可以从github上clone整个项目,然后自己打包安装。Github地址:https://github.com/jonenine/m...
