小程序开发工具简介

上一篇文章我们分享了开发小程序需要的一些前提准备，今天我们继续分享，今天给大家介绍一下小程序开发工具。

小程序开发工具

上图是我们上一篇文章末尾时创建的示例工程，也许你的界面和我的界面有些出入，但这并不重要。不同的版本界面可能会有些微调，功能却是一致的。我的版本为Mac RC v1.02.2003121。

我们先说导航栏。

在导航栏额左侧，有四个按钮。分别对应的是模拟器、编辑器、调试器、云开发（后续会讲）。这个很容易使用，想要显示哪个面板，选择哪个就可以。

友情提示：模拟器是可以切换机型和缩放比例的。

模式选择：默认为小程序模式（也是我们在上一篇文章中选择的模式），可以切换为插件模式，和企业微信小程序模式。

这里主要说一下企业微信小程序模式，这个模式下可以模拟企业微信内部，可以使用企业微信接口。主要是因为个人开发者有时候是不在任何一个企业微信组织内，这大大方便了我们的工作。

编译模式：默认为普通编译模式，即打开进入主页。我们有时候做调试时，如果页面是一个路径比较深的路径，那么每次都从主页打开会浪费我们不少时间，编译模式就提供了一个可以快速到达指定页面的方法。

在编译模式中，我们不仅可以自定义要到达的页面路径，还可以指定进入页面时的传参。

编译：重新编译程序，这个就不多说了，懂的都懂。

预览：会生成一个预览二维码，可以用有权限的微信扫描二维码，在手机上预览。

真机调试：同样会生成一个二维码，可以用有权限的微信扫描二维码。与预览的区别是，预览只能使用小程序，而真机调试可以显示运行的信息。包括手机型号、系统版本、开发者自定义的调试信息等。

切后台：将小程序切到后台。开发者工具提供了模拟不同场景进入小程序的情景，例如，如果你想要区分用户是通过扫码打开小程序还是通过别人分享打开的小程序，这些都可以在这里模拟。

清缓存：在编译过程中，会产生一些缓存。有时候，我们需要对特定的缓存采取特殊的处理，这里可以清除缓存痕迹。

缓存包括数据缓存、文件缓存、编译缓存、授权缓存、网络缓存、登录装填。

在工具栏的右侧，分别是上传、版本管理、详情。

上传：将我们的代码上传到小程序后台，在小程序后台我们可以设置预览版、提审、上线等操作。

版本管理：内置的Git。

详情：设置项目信息。注意：建议打开不校验合法域名、web-view、TLS版本以及HTTPS证书选项。

先说说这个选项是干什么的。小程序规定，在小程序内部调用的网络接口，需要经过HTTPS认证才可以调用，并且要在小程序后台配置白名单。有时候，我们在开发小程序时，网站可能还没有经过https认证，这时候只要勾选此选项，就可以暂时不用去处理认证信息，并且可以调用任意域名接口。

最后说下调试面板。其实这里不用过多的介绍，相信每一个前端开发者都使用过谷歌浏览器的调试功能，嗯，这里其实跟那个是一样的。

花了一篇文章介绍了一下小程序开发者工具。下篇文章，我们正式开始分享小程序开发相关知识。

往期内容推荐

原创不易，需要您的鼓励。如果您觉得这篇文章对您有帮助，请分享给其他需要的小伙儿伴。

长按关注公众号

- End -