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

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

目录

    • 一、微信开发助手
    • 二、实例
    • 三、更多详情

一、微信开发助手

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

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

二、实例

当前界面:
微信小程序-番外 可视化助手的使用_第1张图片

开启可视化工具后
微信小程序-番外 可视化助手的使用_第2张图片
选中并查看view

微信小程序-番外 可视化助手的使用_第3张图片
直接修改wxss样式:
微信小程序-番外 可视化助手的使用_第4张图片
直接添加触摸事件:
微信小程序-番外 可视化助手的使用_第5张图片

三、更多详情

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

你可能感兴趣的:(微信小程序,微信小程序,小程序,微信)