微信小程序-番外 可视化助手的使用

本系列是作者自学实践过程的记录
本文是介绍微信开发助手的可视化工具如何使用
有问题欢迎讨论

一、微信开发助手

本版本为微信开发者工具Stable稳定版 v1.05.2111300
可视化工具是可以帮助我们调整wxml的标签的一个工具，我们在写完wxml时，只能看到渲染后的效果，不能看到具体的某个标签的位置。
当我们使用了可视化工具时，不仅方便对样式进行修改，还方便了我们的开发，可以及时发现错误。
主要功能：

• 可以对显示页面的标签进行点击查看
• 可以拖拽直接对页面进行快速布局和修改
• 可以点击组件后对其wxss样式直接修改

二、实例

当前界面：

开启可视化工具后

选中并查看view

直接修改wxss样式：

直接添加触摸事件：

三、更多详情

见开发者文档：微信开发者文档