微信开发者工具的基础使用--适合刚入门（2）

编辑器区域

编辑器区域分为两部分：

• 项目文件目录和结构展示区：在项目目录或文件上单击右键可完成新建文件、删除、重命名目录或文件等。
• 代码编辑区：在该区编写代码，可通过模拟器区实时预览。修改wxss、wxml文件，会刷新当前页面。修改js或json文件，会重新编译小程序。
  

代码补全

在代码编写过程中，开发工具提供自动补全功能。
编辑js文件时，会自动补全所有的API，并给出相关注释解释；编辑wxml时，会帮助开发者直接写出相关标签；编辑json文件时，会补全相关的配置，并给出实时提示。

调试器区域

常用调试工具有：

• Console：显示小程序的错误输出信息和调试代码。
• Sources：显示当前项目的脚本文件，此处看到的是处理之后的脚本文件。
• Network：用来观察发送的请求和调用文件的信息，包括文件名称、路径、大小、调用状态、时间等。
• Storage：显示当前项目使用wx.setStorage或者wx.setStorageSync后的数据存储情况。
• AppData：显示当前项目当前时刻的具体数据，实时反馈项目数据情况。
• Wxml：用于帮助开发者开发Wxml转化后的界面。在这里可以看到真实的页面结构及结构对应的wxss属性，也可修改对应属性。

工具栏区域

• 编译：编译当前代码，并自动刷新模拟器。
• 预览：将小程序上传，并生成预览二维码。
• 真机调试：在真实手机上进行调试，会生成调试二维码。
• 前后台切换：帮助开发者模拟一些客户端的操作环境。如：在操作小程序过程中，有电话进来，小程序就会从前台进入后台，重新访问时，又从后台进入前台。
• 清缓存：清除各类缓存，包括数据、文件、授权、网络、登录等
  各方面。
• 上传：小程序开发完成后，需要上传到腾讯服务器进行测试，
  然后可获取测试报告，根据报告进行修改。
• 版本管理：可以完成对小程序的版本管理。
• 详情：查看小程序的基本信息和项目配置，也可修改本地配置。

云开发

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

1. 云函数
2. 数据库
3. 文件存储
4. 数据分析

注意：创建项目时选择“小程序•云开发”时选用，若选择“不使用云服务”则此处可跳过。

云开发初始页：

云开发设置页：

云开发控制台：