微信小程序的框架及工具的使用，是进行小程序开发的第一步，首先要理解小程序的框架配置，包括app.json配置、App（）函数的使用、Page（）函数的使用、数据如何绑定到页面上、条件判断和列表渲染、模板的使用、import引用模板，以及include引用文件，同时还要学会工具的使用，包括Console面板、Sources面板、Network面板、Storage面板、Appdata面板、Wxml面板以及Sensor面板的使用。

app.json配置

app.json配置是进行微信小程序开发必会的一个功能配置，对于微信小程序而言，它是一个全局的配置，有五个主要功能：决定页面文件路径，配置窗口的表现，配置tab标签导航，设置网络超时时间以及配置debug模式。

决定页面文件路径

微信小程序的页面路径需要在app.json配置文件中配置一下，属性名为“pages”，以数组的形式存放页面文件路径。文件路径以文件名进行命名，数组的第一项代表小程序的初始页面。当小程序中新增/减少页面时，都需要对pages数组进行修改。文件名不需要写文件后缀，因为框架会自动去寻找路径，对.json、.js、.wxml和.wxss四个文件进行整合。 

在app.json配置完页面路径后，会生成文件路径对应名称的文件夹和4个对应名称的文件（.js文件、.json文件、.wxml文件、.wxss文件）。

注意：页面路径以文件名称来创建，“pages/index/index”这样的页面路径是推荐的，而“pages/common/index”这样的页面路径是不推荐的，因为不便于微信小程序创建文件夹和文件，也不方便我们维护。