微信开发者工具有哪些部分或功能

 时间:2024-10-23 11:32:34

微信开发者工具可以开发微信小程序,这篇经验就告诉你微信开发者工具的构成部分,以及其功能。

微信开发者工具有哪些部分或功能

微信开发者工具有哪些部分或功能

微信开发者工具有哪些部分或功能

工具/原料

联网的电脑一台

安装软件微信开发者工具

方法/步骤

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、第十二步,使用编辑器功能,可以修改项目的代码。

微信开发者工具有哪些部分或功能

powerdesigner创建应用架构图 微信开发者工具如何设置黑色背景 PowerDesigner使用教程之-导出SQL方法 Oracle数据库中怎么修改表格字段名称 如何在netbeans工具中管理数据库
热门搜索
下午好动态图片 手工灯笼制作方法图片 荷兰砖图片 动态图片搞笑 汝窑瓷器图片