微信小程序的框架及工具的使用，是進行小程序開發的第一步，首先要理解小程序的框架配置，包括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”這樣的頁面路徑是不推薦的，因為不便于微信小程序創建文件夾和文件，也不方便我們維護。