微信开发者工具可以开发微信小程序,这篇经验就告诉你微信开发者工具的构成部分,以及其功能。
工具/原料
联网的电脑一台
安装软件微信开发者工具
方法/步骤
1、第一步,双击桌面上的微信开发者工具图标。
2、第二步,选择其中一个项目,打开其中一个小程序的项目。
3、第三步,微信开发者工具最上面是工具栏,包括”项目“、”文件“、”编辑“、”工具“、”界面“粑颇岔鲷、”设置“等菜单栏。
4、第四步,开着工具调试功能主要包括模拟器、编辑器、调试器三个部分,者三个功能,只有选中时,才赦闺尴蚯会显示。模拟器就是最左侧的类似于手机屏幕的部分。
5、第五步,调试器的console功能,可以将通过console.log()将信息输入cons艺皱麾酪ole面板中。
6、第六步,调试器的sources面板,主要显示当前项目的脚本文件,左侧显示源文件的目录结构。
7、第七步,调试器的network面板,主要用于观察和显示网络请求request和socket的情况。
8、第八步,调试器的security面板,主要用于显示当前项目安全情况。
9、第九步,调试器的appdata面板,主要显示当前项目的具体数据,实时反馈项目数据情况。
10、第十步,调试器的storage面板,主要用于显示项目使用本地存储的的情况。
11、第十一步,调试器的wxml面板,主要用于查看wxml转化后的界面。
12、第十二步,使用编辑器功能,可以修改项目的代码。