微信開發者工作是微信官方提供的針對微信小程式的開發工具，集中了開發，除錯，預覽，上傳等功能。下面來介紹下自己的針對小程式和微信開發者工具的使用心得。

1.下載並安裝以後開啟，需使用微訊號掃碼登入開發者工具。

登陸新建一個quick start專案

如果還沒有註冊，可以填寫無AppID，它會顯示部分功能受限，實際上並沒有太大影響。

2.新增一個quick start專案

3.目錄結構

從上圖的右側可以很清晰地看出來一個微信小程式的結構，一個微信小程式的頁面包括四個檔案：

a.“.js”字尾的是指令碼檔案，主要是寫一些業務邏輯的程式碼，基本和JavaScript一樣。（在開發過程中發現一些函式JS有而微信沒有，畢竟這是微信自己的一套東西）。

b.“.json”字尾的是配置檔案，例如tab的各種屬性，實際中每個小頁面的使用的並不多，涉及全域性配置的app.json使用比較多，app.json中包括決定頁面檔案的路徑、視窗表現、設定網路超時時間、設定多 tab 等。

c.“.wxml”字尾的是前端顯示頁面檔案，你也可以把它理解為html頁面，規則也和html5很類似，還是那句話，並不是完全一樣，有些H5實現的東西wxml並不能實現。

d.“wxss”字尾的是樣式表文件，類似於css。

以上是每個微信小程式頁面的四種基本構成，微信開發者工具會根據這些，編譯生成相應的小程式例項。