nload 式表 個人開發者 才會 表示 com -h storage sources

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可以查看當前程序中的數據信息

最後，模擬器的預覽和執行必須在編譯後，所以每當你代碼進行了更新，先點擊一下”編譯“，效果才會是最新的。

微信小程序開發 [01] 小程序基本結構和官方IDE簡介