新建專案

下載微信小程式開發者客戶端並開啟，選擇專案目錄和專案名稱，填入AppID，取消勾選快速啟動模板。
1. 新建全域性配置檔案
點選目錄左上角的+，新建字尾名為js, json, wxss（命名自定，如app.js）檔案，用於全域性的配置，其中json檔案用於全域性佈局配置，wxss檔案用於定義全域性的樣式表。此時會報錯，程式找不到入口，這是因為還沒有為這個小程式專案新增入口頁面。
2. 新建頁面
點選目錄左上角的+，新建目錄pages，用於存放小程式將會用到的所有頁面，右擊這個資料夾，選擇新建目錄，新建一個頁面資料夾，如about，用於存放這個頁面所用到的所有配置檔案。繼續右擊about資料夾，並新增js, json, wxss, wxml，用於該頁面的配置，js用於頁面的邏輯互動功能，json用於該頁面的全域性配置，顯示視窗的導航欄等，wxss用於配置該頁面會用到的樣式表，wxml用於配置該頁面顯示的內容。
3. 加入路徑
在全域性的json檔案中加入page的路徑，如我們的about頁面的路徑為pages/about/about，則需要在app.json中加入以下程式碼

{
  "pages":
  ["Pages/About/about"]
}

此時已經新增路徑了，仍然會報錯about.json，因為我們沒有對about頁面的json佈局檔案進行配置，在about.json中新增以下程式碼

{}

一箇中括號，以表示我們雖然沒有設定相關內容，但是對about.json檔案進行了相關的配置。此時小程式就可以編譯了，但是沒有顯示內容，顯示內容可以在wxml檔案中進行配置，加入以下程式碼

<text>HelloWrold!</text>

添加了一個text控制元件，在微信小程式的視窗上顯示出了一個helloworld的字