基于云开发的微信小程序实战教程（二）

基于云开发的微信小程序实战教程（二）

上篇文章中，简单介绍了下小程序云开发的概念，还有开发工具的安装和配置，云开发环境已经搭建完毕。

本章主要内容：微信开发者工具如何使用，小程序云开发的基础目录结构

一、微信开发者工具怎么用

上篇文章中，我们已经创建了一个云开发小程序的官方demo，接下来我们首先了解下「微信开发者工具」的一些基本操作。

先放张图感受一下，其实主要就是 3 大块区域，最顶部的工具栏，左边的预览区域，以及右边的代码编辑调试区域。

1、顶部的工具栏

1.1 「模拟器」、「编辑器」、「调试器」按钮

如下图所示，点击左上角的「模拟器」、「编辑器」、「调试器」按钮，就是控制我们下方的视图区域显示的内容。

单击按钮来切换状态，可以选择不显示小程序预览界面、不显示代码调试区域等

1.2 「云开发」按钮

可以看到，默认「云开发」按钮是灰色的，也就是默认是关闭的。单击「云开发」按钮，会弹出来新的一个「云开发调试界面」。这个「云开发调试界面」在下面内容中介绍。

1.3 开发调试相关工具

简单的介绍下这一块的菜单的作用，有个印象就好，后面用到的时候还会再提。

第一个，小程序模式，我们不用动，默认选择的「小程序模式」，代表我们要开发的是一个完整的小程序，而不是一个插件。
再
同样，紧挨着它的编译模式我们也不需要动，使用默认的「普通编译」即可。