编辑器区域
编辑器区域分为两部分:
- 项目文件目录和结构展示区:在项目目录或文件上单击右键可完成新建文件、删除、重命名目录或文件等。
- 代码编辑区:在该区编写代码,可通过模拟器区实时预览。修改wxss、wxml文件,会刷新当前页面。修改js或json文件,会重新编译小程序。
代码补全
在代码编写过程中,开发工具提供自动补全功能。
编辑js文件时,会自动补全所有的API,并给出相关注释解释;编辑wxml时,会帮助开发者直接写出相关标签;编辑json文件时,会补全相关的配置,并给出实时提示。
调试器区域
常用调试工具有:
- Console:显示小程序的错误输出信息和调试代码。
- Sources:显示当前项目的脚本文件,此处看到的是处理之后的脚本文件。
- Network:用来观察发送的请求和调用文件的信息,包括文件名称、路径、大小、调用状态、时间等。
- Storage:显示当前项目使用wx.setStorage或者wx.setStorageSync后的数据存储情况。
- AppData:显示当前项目当前时刻的具体数据,实时反馈项目数据情况。
- Wxml:用于帮助开发者开发Wxml转化后的界面。在这里可以看到真实的页面结构及结构对应的wxss属性,也可修改对应属性。
工具栏区域
- 编译:编译当前代码,并自动刷新模拟器。
- 预览:将小程序上传,并生成预览二维码。
- 真机调试:在真实手机上进行调试,会生成调试二维码。
- 前后台切换:帮助开发者模拟一些客户端的操作环境。如:在操作小程序过程中,有电话进来,小程序就会从前台进入后台,重新访问时,又从后台进入前台。
- 清缓存:清除各类缓存,包括数据、文件、授权、网络、登录等
各方面。 - 上传:小程序开发完成后,需要上传到腾讯服务器进行测试,
然后可获取测试报告,根据报告进行修改。 - 版本管理:可以完成对小程序的版本管理。
- 详情:查看小程序的基本信息和项目配置,也可修改本地配置。
云开发
小程序开发时的云环境,包括:
- 云函数
- 数据库
- 文件存储
- 数据分析
注意:创建项目时选择“小程序•云开发”时选用,若选择“不使用云服务”则此处可跳过。
云开发初始页:
云开发设置页:
云开发控制台: