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

二、新建項(xiàng)目

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

需要掃描工具登錄二維碼。這里和后臺(tái)管理不同的地方時(shí)，掃碼的微信號(hào)，不需要一定是這個(gè)小程序的管理員，也可以是小程序的開發(fā)者，開發(fā)者可以在小程序的后臺(tái)，設(shè)置里面添加。

2、登錄之后可以選擇使用工具是開發(fā)小程序還是用于公眾號(hào)網(wǎng)頁(yè)開發(fā)。選擇本地小程序項(xiàng)目。

點(diǎn)擊加號(hào)按鈕增加小程序項(xiàng)目，這里需要注意的是這個(gè)按鈕即是打開也是新建。如果你選擇的目標(biāo)目錄是一個(gè)空文件夾，那工具就認(rèn)為你是要新建一個(gè)小程序，如果不是空文件夾，工具就會(huì)認(rèn)為你是要打開一個(gè)現(xiàn)有的小程序。

如果發(fā)現(xiàn)新建項(xiàng)目錯(cuò)誤，可能是目標(biāo)目錄不為空。

3、進(jìn)入添加項(xiàng)目界面，appid從小程序后臺(tái)獲得，沒有注冊(cè)小程序的朋友可以參考上一節(jié)課的內(nèi)容進(jìn)行注冊(cè)。也可以暫時(shí)跳過選擇右邊的無(wú)AppID,但是不建議使用這個(gè)，你后面還是需要提供appid的。而且沒有appid是不能在真機(jī)上調(diào)試的。這里需要注意的是小程序的項(xiàng)目和appid不是強(qiáng)綁定的關(guān)系，你可以用別的小程序appid打開你之前寫好的小程序項(xiàng)目。

勾選“在當(dāng)前目錄中創(chuàng)建 quick start項(xiàng)目”，新建一個(gè)官方demo，不勾選新建一個(gè)空白項(xiàng)目。這里我們勾選上這個(gè)選項(xiàng)。因?yàn)槲覀兘酉聛?lái)會(huì)先帶領(lǐng)大家閱讀這個(gè)官方demo的源碼。填寫完畢，點(diǎn)擊右下角的添加項(xiàng)目。

4、默認(rèn)打開的是項(xiàng)目頁(yè)面，我們可以點(diǎn)擊預(yù)覽

彈出二維碼，可以使用手機(jī)掃描二維碼，注意只有管理員、開發(fā)者和本小程序的體驗(yàn)者可以打開小程序。

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

6、點(diǎn)擊工具左側(cè)的選擇卡，切換到“調(diào)試”頁(yè)面?；居梅ê凸雀璧拈_發(fā)者工具差不多，需要特別注意的是因?yàn)樾〕绦驔]有html所以查看界面結(jié)構(gòu)是在wxml。這里留意一下右上角的七個(gè)模塊。

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

6.2sources用于查看腳本文件，可以在這個(gè)界面里標(biāo)記斷點(diǎn)，用于調(diào)試程序。

6.3network查看網(wǎng)絡(luò)請(qǐng)求，可以查看下載的文件和請(qǐng)求，常用來(lái)查看請(qǐng)求頭和返回的數(shù)據(jù)。

6.4storage用于顯示當(dāng)前項(xiàng)目的緩存數(shù)據(jù)，可以理解為web前端的小型數(shù)據(jù)存儲(chǔ)庫(kù)。

6.5appdata查看所有被激活的頁(yè)面的數(shù)據(jù)，這些數(shù)據(jù)都是綁定到界面上的數(shù)據(jù)。

6.6wxml類似其他瀏覽器開發(fā)者工具中的elements模塊，用于查看界面結(jié)構(gòu)，但其實(shí)常用來(lái)編寫css樣式，因?yàn)樵谶@里編輯css樣式，所見即所得。

6.7sensor可以在這里選擇模擬地理位置，也可以用于調(diào)試重力感應(yīng)。

這節(jié)課的內(nèi)容就到這里結(jié)束了。

感謝您的閱讀。

我是小虎，希望你開心。