微信開發(fā)者工具是微信公眾平臺推出的開發(fā)者調(diào)試工具，方便公眾號負(fù)責(zé)人更好的調(diào)試網(wǎng)頁和微信小程序，需要的朋友可以來綠色資源網(wǎng)下載最新版哦！

微信web開發(fā)者工具官網(wǎng)介紹

為了幫助開發(fā)者簡單和高效地開發(fā)和調(diào)試微信小程序，我們在原有的公眾號網(wǎng)頁調(diào)試的工具基礎(chǔ)上，推出了全新的 微信開發(fā)者工具，集成了公眾號網(wǎng)頁調(diào)試和小程序調(diào)試兩種開發(fā)模式。

使用公眾號網(wǎng)頁調(diào)試，開發(fā)者可以調(diào)試微信網(wǎng)頁授權(quán)和微信JS-SDK 詳情 使用小程序模式，開發(fā)者可以完成小程序的 API 和頁面的開發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能。

微信開發(fā)者工具怎么用

1.在綠色資源網(wǎng)下載web微信開發(fā)者工具最新版本

2.登錄mp.weixin.qq.com ，就可以在網(wǎng)站的“設(shè)置”-“開發(fā)者設(shè)置”中，查看到微信小程序的 AppID 了，注意不可直接使用服務(wù)號或訂閱號的 AppID 。

注意：如果要以非管理員微信號在手機(jī)上體驗該小程序，那么我們還需要操作“綁定開發(fā)者”。即在“用戶身份”-“開發(fā)者”模塊，綁定上需要體驗該小程序的微信號。本教程默認(rèn)注冊帳號、體驗都是使用管理員微信號。

3.開發(fā)者工具安裝完成后，打開并使用微信掃碼登錄。選擇創(chuàng)建“項目”，填入上文獲取到的 AppID ，設(shè)置一個本地項目的名稱（非小程序名稱），比如“我的第一個項目”，并選擇一個本地的文件夾作為代碼存儲的目錄，點擊“新建項目”就可以了。

4.為方便初學(xué)者了解微信小程序的基本代碼結(jié)構(gòu)，在創(chuàng)建過程中，如果選擇的本地文件夾是個空文件夾，開發(fā)者工具會提示，是否需要創(chuàng)建一個 quick start 項目。選擇“是”，開發(fā)者工具會幫助我們在開發(fā)目錄里生成一個簡單的 demo。

4.點擊開發(fā)者工具左側(cè)導(dǎo)航的“編輯”，我們可以看到這個項目，已經(jīng)初始化并包含了一些簡單的代碼文件。最關(guān)鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個。其中，。js后綴的是腳本文件，。json后綴的文件是配置文件，。wxss后綴的是樣式表文件。微信小程序會讀取這些文件，并生成小程序?qū)嵗?/p>

最新版本 2017.09.01更新說明

修復(fù) wxml 編譯導(dǎo)致 <radio-group/> 在 Page.setData 之后選中狀態(tài)被重置的問題

修復(fù) ext.json 中 extEnable 為 false，到手機(jī)上預(yù)覽依舊生效的問題

修復(fù) 修復(fù)了在外部編輯器編輯了文件，工具不能檢測到更改的問題

修復(fù) 設(shè)備選擇時 wx.getSystemInfo 的內(nèi)容不對的問題

修復(fù) 保存文件自動編譯時，文件保存沒有生效的問題

修復(fù) 編輯器快捷鍵格式化代碼失效的問題

修復(fù) <picker /> 選擇第一個異常的問題

修復(fù) 上傳代碼時上次的輸入沒有記錄的問題

修復(fù) 第三方平臺小程序 Refer 異常的問題

修復(fù) 公眾號網(wǎng)頁開發(fā)觸摸模擬不生效的問題

修復(fù) wxml panel 選中節(jié)點跳動的問題

修復(fù) console panel 日志重復(fù)顯示問題

修復(fù) wxml panel 鼠標(biāo)為圓點的問題

修復(fù) 公眾號網(wǎng)頁開發(fā)頁面變大的問題

修復(fù) 頁面字體大小異常的問題