下載了之后，執行安裝一直下一步直到完成。

二、新建項目

1、安裝完成打開微信開發者工具（以下稱之為工具）

需要掃描工具登錄二維碼。這里和后臺管理不同的地方時，掃碼的微信號，不需要一定是這個小程序的管理員，也可以是小程序的開發者，開發者可以在小程序的后臺，設置里面添加。

2、登錄之后可以選擇使用工具是開發小程序還是用于公眾號網頁開發。選擇本地小程序項目。

點擊加號按鈕增加小程序項目，這里需要注意的是這個按鈕即是打開也是新建。如果你選擇的目標目錄是一個空文件夾，那工具就認為你是要新建一個小程序，如果不是空文件夾，工具就會認為你是要打開一個現有的小程序。

如果發現新建項目錯誤，可能是目標目錄不為空。

3、進入添加項目界面，appid從小程序后臺獲得，沒有注冊小程序的朋友可以參考上一節課的內容進行注冊。也可以暫時跳過選擇右邊的無AppID,但是不建議使用這個，你后面還是需要提供appid的。而且沒有appid是不能在真機上調試的。這里需要注意的是小程序的項目和appid不是強綁定的關系，你可以用別的小程序appid打開你之前寫好的小程序項目。

勾選“在當前目錄中創建 quick start項目”，新建一個官方demo，不勾選新建一個空白項目。這里我們勾選上這個選項。因為我們接下來會先帶領大家閱讀這個官方demo的源碼。填寫完畢，點擊右下角的添加項目。

4、默認打開的是項目頁面，我們可以點擊預覽

彈出二維碼，可以使用手機掃描二維碼，注意只有管理員、開發者和本小程序的體驗者可以打開小程序。

5、點擊上傳按鈕，就是編譯部署了，也是要掃描二維碼。需要填寫版本號和日志。

6、點擊工具左側的選擇卡，切換到“調試”頁面。基本用法和谷歌的開發者工具差不多，需要特別注意的是因為小程序沒有html所以查看界面結構是在wxml。這里留意一下右上角的七個模塊。

6.1console控制臺，可以在這里查看日志或者錯誤。原則是警告可忽略，錯誤必處理。

6.2sources用于查看腳本文件，可以在這個界面里標記斷點，用于調試程序。

6.3network查看網絡請求，可以查看下載的文件和請求，常用來查看請求頭和返回的數據。

6.4storage用于顯示當前項目的緩存數據，可以理解為web前端的小型數據存儲庫。

6.5appdata查看所有被激活的頁面的數據，這些數據都是綁定到界面上的數據。

6.6wxml類似其他瀏覽器開發者工具中的elements模塊，用于查看界面結構，但其實常用來編寫css樣式，因為在這里編輯css樣式，所見即所得。

6.7sensor可以在這里選擇模擬地理位置，也可以用于調試重力感應。

這節課的內容就到這里結束了。

感謝您的閱讀。

我是小虎，希望你開心。