小程序开发工具

开发工具介绍，包括“编辑器区域”、“调试器区域”和“工具栏区域”

-编辑器区域

编辑器区域有两部分：

项目文件目录和结构展区

右键单击项目目录或文件以完成文件的创建和删除

重命名目录或文件

代码编辑区

该区域的代码，可通过模拟器实时预览

修改wxss和wxml文件。将刷新当前页面

修改js或json文件并重新编译小程序

代码完成

在代码编写期间，开发工具提供自动完成功能

编辑js文件，自动完成所有API，并给出相关评论和解释

编辑wxml文件以帮助开发人员直接编写相关标记

编辑json文件，自动完成相关配置，并给出实时提示。

二、调试区

图像.png

常见的试用工具包括：

安慰

显示小程序的错误消息和调试代码

来源

将显示当前项目的脚本文件。您在这里看到的是已处理的脚本文件

网络

用于观察发送的请求和调用文件的信息，包括文件名、路径、大小、调用状态、时间等

存储

使用wx后显示当前项目的数据存储。setStorage或wx.setStorageSync

app数据

显示当前项目当前时间的具体数据，并实时反馈项目数据

Wxml文件

它用于帮助开发人员开发wxml的转换接口。在这里，您可以看到真实的接口结构及其相应的wxss属性，或者修改相应的属性。

三重工具栏区域

图像.png

编写

编译当前代码并自动刷新模拟器

预览

上传小程序并生成预览二维码

实机调试

在真实手机上调试将生成二维码

前后平台切换

帮助开发人员模拟一些客户端的操作环境。例如，在操作小程序的过程中，如果有呼叫进入，小程序将从前台进入后台，然后在重新访问时从后台进入前台

清除缓存

清除各种缓存，包括数据、文件、授权、网络、登录等

上载

小程序开发完成后，需要上传到服务器进行测试，然后才能获取测试报告并根据报告进行修改

版本管理

小程序的完整版本管理

细节

查看小程序的基本信息和项目配置，或修改本地配置

四云开发

小程序开发的云环境，包括：

云功能、数据库、文件存储、数据分析

五、 常用快捷键

图像.png

图像.png