• 系統之家首頁
    手機版
    您的位置: 首頁 > 驅動下載 > 微信開發者工具穩定版

    微信開發者工具穩定版微信開發者工具穩定版

    今日帶來微信開發者工具穩定版。顧名思義,這是一款專門為微信小程序的開發人員設計的開發工具。自首款微信小程序誕生后,越來越多的應用發行了其微信小程序版本。有一說一,對于新程序的推廣,微信小程序版存在一定優勢,在將該程序分享給用戶時,用戶可直接打開,省去了下載軟件的麻煩操作?;氐竭@款開發軟件。此次小編帶來的是穩定版。功能上它或許沒有開發版豐富,但就開發穩定性方面,它會稍微更強一些。據多數開發者反饋,利用該工具開發小程序的小比使用其它工具更高一些。該軟件幾乎包含了開發者在開發小程序時所要用到的全部功能。比如完成小程序的 API 和頁面的開發調試、代碼查看和編輯、小程序預覽和發布等。值得一提的是該工具還會更具開發者們的反饋對一些存在不足的功能進行改進。如此一來,用戶們的開發效率又將得到提升。比如此版中新增的編輯 JSON 文件時點按跳轉和補全 WXML 文件路徑;優化了插件開發支持生成骨架屏功能等。需要進行小程序開發的朋友別錯過了這款微信開發者工具官方版。
    微信開發者工具穩定版

    軟件特色

    1、使用真實用戶身份,調試微信網頁授權。
    2、校驗頁面的JSSDK權限,以及模擬大部分SDK的輸入和輸出。
    3、利用集成的Chrome DevTools和基本的移動調試模塊,協助開發。

    安裝教程

    1、解壓后只有一個安裝包文件;
    2、雙擊運行該安裝包文件后,點擊下一步;

    3、接收協議;

    4、選擇軟件安裝位置;

    5、點擊完成即可。

    6、接下來便可開始使用該軟件了;

    7、點擊“+”創建小程序項目;

    8、如圖所示可選擇編程語言。

    功能簡介

    菜單欄
    微信web開發者工具
    切換帳號:快速切換登錄用戶
    關于:關于開發者工具
    檢查更新:檢查版本更新
    開發者論壇:前往開發者論壇
    開發者文檔:前往開發者文檔
    調試:調試開發者工具、調試編輯器;如果遇到疑似開發者工具或者編輯器的 bug,可以打開調試工具查看是否有出錯日志,歡迎在論壇上反饋相關問題
    更換開發模式:快速切換公眾號網頁調試和小程序調試
    退出:退出開發者工具
    項目
    新建項目:快速新建項目
    打開最近:可以查看最近打開的項目列表,并選擇是否進入對應項目
    查看所有項目:新窗口打開啟動頁的項目列表頁
    關閉當前項目:關閉當前項目,回到啟動頁的項目列表頁
    文件
    新建文件
    保存
    保存所有
    關閉文件
    編輯:可以查看編輯相關的操作和快捷鍵
    工具
    編譯:編譯當前小程序項目
    刷新:與編譯的功能一致,由于歷史原因保留對應的快捷鍵 ctrl(?) + R
    編譯配置:可以選擇普通編譯或自定義編譯條件
    前后臺切換:模擬客戶端小程序進入后臺運行和返回前臺的操作
    清除緩存:清除文件緩存、數據緩存、以及授權數據
    界面:控制主界面窗口模塊的顯示與隱藏
    設置:
    外觀設置:控制編輯器的配色主題、字體、字號、行距
    編輯設置:控制文件保存的行為,編輯器的表現
    代理設置:選擇直連網絡、系統代理和手動設置代理
    通知設置:設置是否接受某種類型的通知
    工具欄
    點擊用戶頭像可以打開個人中心,在這里可以便捷的切換用戶和查看開發者工具收到的消息。
    用戶頭像右側是控制主界面模塊顯示/隱藏的按鈕。至少需要有一個模塊顯示。
    工具欄中間,可以選擇普通編譯,也可以新建并選擇自定義條件進行編譯和預覽。
    通過切后臺按鈕,可以模擬小程序進入后臺的情況
    工具欄上提供了清緩存的快速入口??梢员憬莸那宄ぞ呱系奈募彺?、數據緩存、還有后臺的授權數據,方便開發者調試。
    工具欄右側是開發輔助功能的區域,在這里可以上傳代碼、版本管理、查看項目詳情
    工具欄管理
    在工具欄上點擊鼠標右鍵,可以打開工具欄管理
    模擬器
    模擬器可以模擬小程序在微信客戶端的表現。小程序的代碼通過編譯后可以在模擬器上直接運行。
    開發者可以選擇不同的設備,也可以添加自定義設備來調試小程序在不同尺寸機型上的適配問題。
    在模擬器底部的狀態欄,可以直觀地看到當前運行小程序的場景值,頁面路徑及頁面參數
    獨立窗口
    點擊 模擬器/調試器 右上角的按鈕可以使用獨立窗口顯示 模擬器/調試器

    使用說明

    一、云同步設置
    為了提升開發者多終端使用體驗與個性化配置體驗,新增云同步開發配置能力,開發者可使用該能力隨時同步外觀、快捷鍵、編輯器相關的個性化配置內容
    1、開啟云同步配置
    在工具頂部菜單欄 「設置」 選項選擇 「通用設置」 進入設置界面。
    2、在 「設置」 界面中,選擇 「通用」 選項卡,找到 「云同步個性化配置」 選項,設置狀態為打開,即可開啟個性化配置同步效果,每次配置更新將同步到云端。
    3、關閉云同步配置
    不需要使用云同步配置能力時,開發者可選擇關閉 「云同步個性化配置」 開關。為了保證設置匹配后續開發流程,顯示彈窗,開發者可以根據自身需求進行選擇:
    取消:繼續云同步配置;
    關閉并刪除云端配置:關閉云同步配置,同時已在云端進行的設置調整將被刪除;
    確定關閉:關閉云同步配置,在云端進行的設置調整將繼續保持。?
    二、微信開發者工具界面介紹
    1、登錄頁
    在登錄頁,可以使用微信掃碼登錄開發者工具,開發者工具將使用這個微信帳號的信息進行小程序的開發和調試。
    2、項目列表
    登錄成功后,會看到已經存在的項目列表和代碼片段列表,在項目列表可以選擇公眾號網頁調試,進入到公眾號網頁調試模式
    3、新建項目
    當符合以下條件時,可以在本地創建一個小程序項目
    (1)需要一個小程序的 AppID;如沒有 AppID,可以選擇申請使用測試號。
    (2)登錄的微信號需要是該 AppID 的開發者;
    (3)需要選擇一個空目錄,或者選擇的非空目錄下存在 app.json 或者 project.config.json。當選擇空目錄時,可以選擇是否在該目錄下生成一個簡單的項目。
    4、管理項目
    對本地項目進行刪除和批量刪除
    5、主界面
    開發者工具主界面,從上到下,從左到右,分別為:菜單欄、工具欄、模擬器、目錄樹、編輯區、調試器 六大部分。
    三、微信開發者工具怎么使用
    以編寫小程序為例
    (1)打開工具點擊小程序項目
    (2)填寫相應信息,點擊確定
    (3)實例目錄結構
    (4)app.js是小程序的腳本代碼(必須),可以在這個文件中監聽并處理小程序的生命周期函數、聲明全局變量,調用框架提供的豐富的 API
    (5)app.json是對整個小程序的全局配置(必須),用來對微信小程序進行全局配置,決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置多tab等。接受一個數組,每一項都是字符串,來指定小程序由哪些頁面組成。微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在app.json的pages中,且pages中的*個頁面是小程序的首頁。
    (6)app.wxss是整個小程序的公共樣式表(非必須)。
    (7)index.js 是頁面的腳本文件(必須),在這個文件中我們可以監聽并處理頁面的生命周期函數、獲取小程序實例,聲明并處理數據,響應頁面交互事件等。
    (8)index.wxml是頁面結構文件(必須)。
    (9)index.wxss是頁面樣式表文件(非必須),當有頁面樣式表時,頁面的樣式表中的樣式規則會層疊覆蓋app.wxss中的樣式規則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用app.wxss中指定的樣式規則。
    (10)在編輯配置好后點擊真機調試
    (11)手機微信掃描二維碼
    (12)自動彈出調試窗口,通過真機調試能夠更好的測試小程序

    更新日志

    微信開發者工具穩定版 v1.05.2108130 更新內容
    1、新增小程序、小游戲插件支持workers
    2、新增支持從擴展面板導入解包的文件夾安裝擴展
    3、新增體驗評分面板新增HTML格式導出 反饋詳情
    4、新增小游戲支持實驗室數據接口
    5、新增支持工具配置自定義主題色
    6、新增云開發新手引導
    7、新增真機性能分析工具
    8、新增工具支持 wx.getExptInfoSync 調試能力
    9、新增小程序壓測工具(在拓展設置->測試工具路徑下)
    10、新增支持編輯 JSON 文件時點按跳轉和補全 WXML 文件路徑
    11、新增支持 Page/Component 的 JSON 文件內容補全
    12、新增支持調試版基礎庫推送
    13、新增支持調試wx.onLocationChange,可通過修改調試器sensor里的location信息觸發更新
    14、優化trace 面板支持暗色主題
    15、優化在 TS 項目中可新建 ts 文件的 Page
    16、優化插件開發模式下,【詳情】-【基本信息】中展示插件的大小信息
    17、優化AppData 面板鍵值按字母序排列 反饋詳情
    18、優化WXML 面板自定義組件數據編輯
    19、優化插件開發支持生成骨架屏功能 反饋詳情
    20、優化改云開發quickstart,更新uploadCloudFunction模板
    21、修復小游戲項目使用本地插件時報錯的問題
    22、修復WXML 面板自定義組件不顯示 externalClass 的問題
    23、修復切換代碼片段項目類型提示的 appid 列表類型不對的問題
    24、修復真機調試時出現 U.createEvent 報錯,現在會顯示真正的報錯信息
    25、修復部分項目使用增強編譯后,因壓縮問題導致代碼包體積變大。反饋詳情
    26、修復需要編譯兩次才會執行最新的代碼的問題 反饋詳情
    27、修復調試器 sources 面板 snippet 斷點符號不顯示
    28、修復局部編譯下 wxml 編譯報錯的bug 反饋詳情
    29、修復編譯模式彈窗樣式
    30、修復無法獲取客戶端 trace 文件的問題
    31、修復工具菜單導入項目&導入代碼片段部分問題
    32、修復調試時進入 WAService.js 卡死的問題
    33、修復視頻播放無聲音的問題 反饋詳情
    34、修復彈窗調試器網址清空的問題
    35、修復云同步設置關閉不了的問題
    36、修復真機調試下修改 window 屬性報錯的問題
    37、修復windows 點立即更新后工具消失沒有彈出安裝程序的問題
    38、修復開發者工具可能會進入 vim 狀態的問題
    39、修復WXML 面板選擇器包含 body 會被替換為 page 的問題 反饋詳情
    40、修復版本管理內右鍵菜單可能出現無效項目的問題
    41、修復局部編譯的bug
    42、修復MacOS 12工具crash閃退問題
    43、修復Mac 自動真機調試后掃碼真機調試白屏
    44、修復代碼片段基礎庫列表加載問題
    45、修復修復真機調試加載獨立分包的問題
    46、修復rc 升級上來后快速回退到1.05.2104251失敗
    47、 修復修復JS 編譯為 ES5邏輯錯誤的bug
    48、修復小程序workers增強編譯報錯的問題 反饋詳情
    49、修復downloadFile指定下載存儲路徑后報錯問題
    50、修復查看小程序分享頁和打開小程序會報錯 反饋詳情
    51、修復自動創建ts文件的bug 反饋詳情
    52、修復熱重載修改樣式后 wxml 里沒有體現
    53、修復小游戲多賬號調試時加載分包可能失效的問題
    54、修復小游戲加載分包時沒有觸發 onProgressUpdate 的問題
    55、修復調試器 AppData 面板數據未更新的問題
    56、修復工具打開項目后,再次雙擊打開工具,原有項目會退出的問題 反饋詳情
    57、修復WXML 面板選取元素可能失敗的問題
    58、修復windows 設置使用系統代理失敗的問題
    59、修復多帳號調試,測試號窗口 getUserProfile 授權半屏窗顯示的是主窗口的頭像昵稱

    下載地址

    • PC版
    下載錯誤?【投訴報錯】

    微信開發者工具穩定版

    引導圖片

    用戶評論

    (已有10條評論)
    您對軟件的評分:
    • 1
    • 2
    • 3
    • 4
    • 5
    • 一般
    • 還行
    • 挺好的
    • 真不錯
    • 太棒了
    表情
    注:您的評論需要經過審核才能顯示哦,請文明發言!
    還沒有評論,快來搶沙發吧!
    白领屈辱沉沦堕落系列小说