视觉辅助编程（测试版）
适用于小程序开发人员工具1.0及更高版本，目前仅支持支付宝和淘宝开发环境
简介
小程序开发人员工具引入了一种设计模式，并提供了一个可视化的设计面板，允许开发人员通过拖放来快速实现界面布局，并支持代码和设计布局的双向实时同步，从而启用小程序发展更加迅速，简单和灵活。我们称其为可视化辅助编程，因为我们的目标不是取代编码本身，而是减少不必要和重复的手动编码工作。视觉设计面板支持支付宝小程序的所有基本组件，扩展组件和自定义组件，供开发人员灵活选择和使用。
使用流程进入设计模式
单击小程序开发人员工具右上角的按钮，从编码模式（IDE的默认模式）进入设计模式：
注意：在设计模式下，模拟器默认为关闭。开发人员可以随时单击模拟器顶部的按钮以调用该模拟器，并且该模拟器将在单独的窗口中弹出。
开发人员可以随时切换回编码模式
选择小程序页
如果开发人员在小程序页面中打开axml，css，js，json中的任何文件，则画布将自动找到该页面。
注：如果未选择任何页面，则默认情况下将定位小程序的第一页；画布还支持自定义组件页面的视觉设计。
添加和编辑组件
开发人员可以直接从组件面板拖放到画布或组件树，然后单击组件，并设置组件的属性，样式，事件，并在右侧的设置TAB中查看组件的帮助文档。
注意：首次添加扩展组件时，将从网络自动下载并安装mini-ali-ui NPM软件包，因此需要确保网络处于连接状态。如果安装失败，则需要在NPM管理界面mini-ali-uiNPM软件包中手动安装。
添加自定义组件
开发人员可以将自定义组件直接拖放到画布上（单击此处以了解有关自定义组件的更多信息）。
注意：请勿单击以打开自定义组件中的文件，否则画布将自动切换到自定义组件页面。
唤醒模拟器以查看运行时效果
画布只能在设计时呈现页面的静态结构和行为，而不能完全显示页面的动态行为。您需要运行模拟器来查看运行时效果。开发人员可以单击“运行模拟器”按钮以调用模拟器。
注意：您需要保存文件才能在模拟器中生效。
相关信息
这是组件的详细文档，请单击以了解更多信息。
问题反馈
如果在使用过程中有任何疑问或反馈，请扫描代码并输入鼎鼎集团以获得快速支持：