1、小程序賬戶注冊
實際上在進行開發時沒有注冊小程序賬戶也是可以的，官方提供的IDE提供實時編譯模擬預覽，和當前你有沒有綁定小程序賬戶沒有關系。
當然，最終你要正式上線你的小程序的話，肯定還是需要賬戶的，申請流程不再闡述了，請參考官方文檔《
小程序注冊》，個人開發者選擇個人就行了。
2、官方demo和基本結構
在
下載官方的小程序開發工具之后，新建項目選擇小程序：
然后IDE會自動生成一個簡單的小程序，如下：
在中間的目錄結構中可以看到，不論是根目錄下還是其他單個模塊的頁面下，有這四類文件：
- .js 編寫函數，處理頁面邏輯
- .json 頁面配置
- .wxml 頁面骨架結構
- .wxss 頁面樣式表
可以看到，除了 .js 和 .json，.wxml 和 .wxss 是兩個我們比較陌生的文件類型，實際上兩種文件是微信另外規定的格式，會由小程序進行專門的編譯，這里的 .wxml 和 html 相似，那么 .wxss 不用多說，就和 css 相似了。因為是微信官方特殊定義的形式，所以在用法上就得參照官方的API，因為各組件已經和html中的組件使用不再相同，不過 .wxss 和 css 在我目前接觸的范圍來看倒基本是通用的。
整個小程序的構成分為 ”主體“ 和 ”頁面“，即包含一個描述整體程序的app和多個描述各自頁面的page：
其中主體就是指整個整體程序，頁面自然是指代在小程序中要跳轉的各個頁面。這樣一來，那么demo中的那些文件也就好解釋了：
- app.xx 指代的就是小程序主體相關的設置，因為主體不存在頁面，所以也就沒有 app.wxml
- app.xx 必須在根目錄下，有且只有這一套
- 其他的在某個頁面分類文件夾下的 xx.js / xx.json / xx.wxml / xx.wxss 則分別表示指定頁面的邏輯/配置/結構/樣式
- 描述頁面的四個文件必須具有相同的路徑與文件名
- js文件和json不能為空，前者必須至少包含代碼 Page({ })，后者必須至少包含空的json對象 { }，否則編譯出錯
而每種文件特別是json和js兩種文件的具體配置和參數，默認對象等，這里就不再展開了，詳情參考官方文檔《
文件結構》
3、IDE界面基本說明
如上圖，整個IDE分為四個部分：
- 中間的文件目錄樹
- 模擬器（左側）
- 編輯器（右上）
- 調試器（右下）
其中調試器是不是很熟悉？沒錯，和你用的chrome開發者工具一模一樣，稍微有點要提醒的是：
- .js 類型的文件，在Sources中都有兩個，其中 xx.js 是編譯后的，xx.js ?[sm] 才是和我們實際文件相同，調試時使用 xx.js ?[sm]
- Storage可以看到當前小程序的緩存內容
- AppData可以查看當前程序中的數據信息
最后，模擬器的預覽和執行必須在編譯后，所以每當你代碼進行了更新，先點擊一下”編譯“，效果才會是最新的。