个人微信小程序开发入门教程:认识小程序开发页面（一）

模拟器、编辑器、调试器、可视化和云开发

打开已经安装好的微信开发者工具，没有安装的可以参考：

https://blog.csdn.net/weixin_62529383/article/details/123785826

页面如图所示：

一、模拟器

打开软件便可以通过左上角的这个按钮来打开和关闭【模拟器】

打开【模拟器】之后便可以在左侧看到一个类似手机屏幕的窗口

可以改变【模拟器】的型号来观察小程序的设计界面的兼容性

也可以通过改变【模拟器】的外部条件，例如Wifi状态来更真实模拟小程序在不同手机上可能遇到的状况

二、编辑器

打开软件便可以通过左上角的这个按钮来打开和关闭【编辑器】

【编辑器】的大致界面如图所示：

界面左边是【资源管理器】，可以看到小程序目录解构

界面右边就是【编辑器】，可以在这里编译代码

三、调试器

打开软件便可以通过左上角的这个按钮来打开和关闭【调试器】
小程序的开发过程中，【调试器】至关重要，不仅可以为我们锁定项目中出现的bug问题，还能更加有效地帮我们进行问题分析和数据排查

调试器界面如图所示：

四、可视化

打开软件便可以通过左上角的这个按钮来打开和关闭【可视化】

【可视化】界面如图所示：

【可视化】可以更加便捷地帮助开发者观察各个组件的产生效果以及调试它们

五、云开发

云开发在打开后会出现这样一个界面

具体分析可以参考： https://zhuanlan.zhihu.com/p/346062804