本經驗將按步驟的描述如何建立完成一個微信小程式，介紹如何使用“微信Web開發者工具”建立專案、程式碼編輯。
0 wechat 微信小程式的微信Web開發者工具安裝
工具/原料
一臺電腦
微信Web開發者工具
方法/步驟
通過開發者工具，建立一個全新的專案。
有AppID就選擇輸入，沒有請選擇“無AppID”,填寫專案名稱及路徑。官方的開發工具準備了一個Quick Start專案。在建立過程中如果是全新專案路徑資料夾為空才會現在這個選項。
開發者工具的頁面。
通過官方的QuickStart專案，實現“Hello WeChat”，瞭解專案結構與基礎語法。專案結構圖包含的各個檔案如下。
app.js是小程式的指令碼程式碼。可以在這個檔案中監聽並處理小程式的生命週期函式，宣告全域性變數等。
app.json為全域性配置，在這個檔案中配置小程式是由哪些頁面組成，視窗背景顏色等。
app.wxss是這個小程式的公共樣式表。
頁面分為兩種，lndex頁面跟logs頁面，都在pages目錄下。
