微信開(kāi)發(fā)者工具開(kāi)發(fā)版是由微信公眾平臺(tái)針對(duì)設(shè)計(jì)人員而開(kāi)發(fā)的一款開(kāi)發(fā)軟件，并該版本是比穩(wěn)定版功能更豐富的一個(gè)版本，在這款軟件中主要可以分為公眾號(hào)網(wǎng)頁(yè)調(diào)試以及小程序調(diào)試兩種開(kāi)發(fā)模式，其中在小程序調(diào)試模式下，開(kāi)發(fā)者可以完成小程序的API和頁(yè)面的開(kāi)發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能；在公眾號(hào)網(wǎng)頁(yè)調(diào)試模式下，開(kāi)發(fā)者可以調(diào)試微信網(wǎng)頁(yè)授權(quán)和微信JS-SDK，使用這款軟件可以幫助開(kāi)發(fā)者簡(jiǎn)單和高效地開(kāi)發(fā)和調(diào)試微信小程序。另外這款軟件是官方在原有的公眾號(hào)網(wǎng)頁(yè)調(diào)試工具的基礎(chǔ)上全新推出的微信開(kāi)發(fā)者工具，不僅從視覺(jué)、交互、性能等方面對(duì)開(kāi)發(fā)者工具進(jìn)行升級(jí)，而且還更加方便，給廣大的開(kāi)發(fā)者更好的開(kāi)發(fā)體驗(yàn)，有需要的朋友可以來(lái)下載使用。

軟件特色

1、使用真實(shí)用戶身份，調(diào)試微信網(wǎng)頁(yè)授權(quán)。

2、校驗(yàn)頁(yè)面的JSSDK權(quán)限，以及模擬大部分SDK的輸入和輸出。

3、利用集成的Chrome DevTools和基本的移動(dòng)調(diào)試模塊，協(xié)助開(kāi)發(fā)。

微信開(kāi)發(fā)者工具電腦版開(kāi)發(fā)版軟件安裝教程

1、在本站下載解壓等到微信開(kāi)發(fā)者工具開(kāi)發(fā)版軟件源程序

2、雙擊exe開(kāi)始安裝軟件，并點(diǎn)擊下一步

3、點(diǎn)擊我接受，體驗(yàn)許可證協(xié)議

4、選擇軟件安裝路徑，并點(diǎn)擊安裝

5、點(diǎn)擊完成，即可打開(kāi)微信開(kāi)發(fā)者工具開(kāi)發(fā)版軟件

微信開(kāi)發(fā)者工具開(kāi)發(fā)版界面介紹

一、登錄頁(yè)

在登錄頁(yè)，可以使用微信掃碼登錄開(kāi)發(fā)者工具，開(kāi)發(fā)者工具將使用這個(gè)微信帳號(hào)的信息進(jìn)行小程序的開(kāi)發(fā)和調(diào)試。

二、項(xiàng)目列表

登錄成功后，會(huì)看到已經(jīng)存在的項(xiàng)目列表和代碼片段列表，在項(xiàng)目列表可以選擇公眾號(hào)網(wǎng)頁(yè)調(diào)試，進(jìn)入到公眾號(hào)網(wǎng)頁(yè)調(diào)試模式

三、新建項(xiàng)目

當(dāng)符合以下條件時(shí)，可以在本地創(chuàng)建一個(gè)小程序項(xiàng)目

1、需要一個(gè)小程序的 AppID；如沒(méi)有 AppID，可以選擇申請(qǐng)使用測(cè)試號(hào)。

2、登錄的微信號(hào)需要是該 AppID 的開(kāi)發(fā)者；

3、需要選擇一個(gè)空目錄，或者選擇的非空目錄下存在 app.json 或者 project.config.json。當(dāng)選擇空目錄時(shí)，可以選擇是否在該目錄下生成一個(gè)簡(jiǎn)單的項(xiàng)目。

四、管理項(xiàng)目

對(duì)本地項(xiàng)目進(jìn)行刪除和批量刪除

五、主界面

開(kāi)發(fā)者工具主界面，從上到下，從左到右，分別為：菜單欄、工具欄、模擬器、目錄樹(shù)、編輯區(qū)、調(diào)試器 六大部分。

選項(xiàng)頁(yè)功能介紹

1、基本信息

包括圖標(biāo)、AppID、第三方平臺(tái)名（只有第三方平臺(tái)的開(kāi)發(fā)小程序才會(huì)顯示）、目錄信息、上次提交代碼的時(shí)間以及代碼包大小。

2、基礎(chǔ)庫(kù)版本切換

開(kāi)發(fā)者可以在此選擇任意基礎(chǔ)庫(kù)版本，用于開(kāi)發(fā)和調(diào)試舊版本兼容問(wèn)題。

3、顯示基礎(chǔ)庫(kù)支持的客戶端版本

工具1.02.2002252或以上版本，開(kāi)發(fā)者可以在此查看任意基礎(chǔ)庫(kù)支持的微信客戶端版本范圍

4、顯示灰度中的基礎(chǔ)庫(kù)

正式版本的基礎(chǔ)庫(kù)全量發(fā)布前，會(huì)有一個(gè)灰度的過(guò)程。

工具1.02.2002252或以上版本，開(kāi)發(fā)者可以在此查看正在灰度中的基礎(chǔ)庫(kù)版本

5、下發(fā)測(cè)試基礎(chǔ)庫(kù)

注意：該功能只能下發(fā)到登錄開(kāi)發(fā)者工具的微信號(hào)的客戶端，并會(huì)影響到該客戶端所有小程序

工具1.02.2003112或以上版本，開(kāi)發(fā)者可以在此選擇任意基礎(chǔ)庫(kù)版本并下發(fā)到客戶端

微信開(kāi)發(fā)者工具怎么使用以編寫小程序?yàn)槔?/p>

1、打開(kāi)工具點(diǎn)擊小程序項(xiàng)目

2、填寫相應(yīng)信息，點(diǎn)擊確定

3、實(shí)例目錄結(jié)構(gòu)

4、app.js是小程序的腳本代碼（必須），可以在這個(gè)文件中監(jiān)聽(tīng)并處理小程序的生命周期函數(shù)、聲明全局變量，調(diào)用框架提供的豐富的 API

5、app.json是對(duì)整個(gè)小程序的全局配置（必須），用來(lái)對(duì)微信小程序進(jìn)行全局配置，決定頁(yè)面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多tab等。接受一個(gè)數(shù)組，每一項(xiàng)都是字符串，來(lái)指定小程序由哪些頁(yè)面組成。微信小程序中的每一個(gè)頁(yè)面的【路徑+頁(yè)面名】都需要寫在app.json的pages中，且pages中的第一個(gè)頁(yè)面是小程序的首頁(yè)。

6、app.wxss是整個(gè)小程序的公共樣式表（非必須）。

7、index.js 是頁(yè)面的腳本文件（必須），在這個(gè)文件中我們可以監(jiān)聽(tīng)并處理頁(yè)面的生命周期函數(shù)、獲取小程序?qū)嵗?，聲明并處理?shù)據(jù)，響應(yīng)頁(yè)面交互事件等。

8、index.wxml是頁(yè)面結(jié)構(gòu)文件（必須）。

9、index.wxss是頁(yè)面樣式表文件（非必須），當(dāng)有頁(yè)面樣式表時(shí)，頁(yè)面的樣式表中的樣式規(guī)則會(huì)層疊覆蓋app.wxss中的樣式規(guī)則。如果不指定頁(yè)面的樣式表，也可以在頁(yè)面的結(jié)構(gòu)文件中直接使用app.wxss中指定的樣式規(guī)則。

10、在編輯配置好后點(diǎn)擊真機(jī)調(diào)試

11、手機(jī)微信掃描二維碼

12、自動(dòng)彈出調(diào)試窗口，通過(guò)真機(jī)調(diào)試能夠更好的測(cè)試小程序

更新內(nèi)容

2.01.2508152
F 修復(fù) 依賴分析插件面右鍵菜單缺少打開(kāi)文件
F 修復(fù)了無(wú)法拖動(dòng)模擬器區(qū)域大小的問(wèn)題
F 修復(fù) 點(diǎn)擊模擬器底部頁(yè)面路徑無(wú)法打開(kāi)對(duì)應(yīng)的文件