微信开发者工具界面介绍及开发小程序的项目文件

界面如图所示，左边为实时预览界面，中间为文件，右边为编辑区。client文件夹存放客户端文件，即我们需要配置的界面。server为与服务器交互及小程序的信息。可以左右拖动以改变窗口大小。在申请微信小程序的时候，appID非常重要，只有在开发者工具中设置appID才能显示完整功能。

       主文件夹下由三个文件是小程序必要的组成文件，分别是app.js,app.json,app.wxss,如下图

这三个文件的作用分别为：

pages文件夹顾名思义是存放小程序的页面组成的，每个页面在创建时都由开发者工具生成四个文件:xxx.json、xxx.js、xxx.wxml、xxx.wxss。wxss文件如果不配置将采用默认公共样式。xxx.js和xxx.wxml是必要的，学过前端开发的就知道html和css层叠样式表，其实这些文件就是和前端的差不多的，wxml用来配置页面的布局和内容，wxss大部分继承了css中的属性和选择器，只是有些许不同。页面中的js、wxss等文件覆盖外层，也就是说页面中的优先级高。在页面的创建中，可以手动创建文件，也可配置后工具自动创建。创建方法为：在主文件夹的app.json下的pages中按格式补上页面名称，然后编译即可。

上边的导航栏功能都顾名思义，右边上传测试功能时应选体验版，详情部分可查看小程序的具体信息及配置属性。

上图为云开发控制台，需要连接网络，监测小程序的运营情况以及数据库等信息。