Vue devtools插件主要運用于谷歌瀏覽器的開發者調試階段,對于廣大開發人員來說,它能夠為其提供多個網頁結構解析和調試工具,側邊欄窗口代碼優化調試,新增一個性能選擇卡,多項優化下讓您可以有效提高整天調試效率。插件功能多,安全穩定,值得推薦。
用于調試Vue.js應用程序的Chrome和Firefox DevTools擴展。Chrome devtools擴展用于調試Vue.js應用程序。
1、性能
與路由選項卡一樣,性能選項卡也是一個新增功能。此選項卡由兩部分組成,“每秒幀數”和“組件渲染”。
第一個選項卡“每秒幀數”顯示一個實時源圖表,其中包含應用程序的當前fps。這可用于查找減慢應用程序速度的某些操作或組件。
2、設置
將顯示密度更改為更緊湊的布局
規范化組件名稱(my-component將變為MyComponent)
更新主題 - 打開或關閉新的黑暗主題選項
3、路由
Routing選項卡是devtools套件的全新選項。這里有兩個不同的視圖,“歷史記錄”和“路徑”,可以通過單擊“路由”選項卡標題進行交換。
1、上手簡單
在用戶已經了解HTML,CSS和javaScript的情況下,閱讀指南后即可立即開始構建。
2、功能多樣
漸進式的生態系統,在圖書館和功能全面的框架之間進行擴展。
3、演示優化
20KB min+gzip運行,快速虛擬DOM,最少的優化工作。
Vue.js devtools插件還可以看到它們最后的更新時間,如果它們有自己的主頁,還可以對它們進行分類和其他更多的功能。
1、下載安裝文件
下載插件,并在瀏覽器安全提示時選擇【保留】,在下載文件夾中找到下載好的文件,后綴是.crx 。
說明:若出現安全提示,請選擇保留。這是瀏覽器的默認設置,我們的插件不會危害你的計算機。
2、 打開擴展程序安裝頁面
復制chrome://extensions并粘貼到地址欄,按回車鍵進入擴展程序安裝頁面,打開右上角的【開發者模式】。
3、 安裝插件
將下載好的.crx文件拖拽到到擴展安裝頁面內,等待數秒,在安裝彈窗內點擊添加即可。
如果頁面使用的是Vue.js的生產/精簡版本,則默認情況下禁用devtools檢查,因此不會顯示Vue窗格。
要使其適用于通過file://協議打開的頁面,您需要在Chrome的擴展程序管理面板中選中此擴展程序的“允許訪問文件URL”。
僅當您希望自己從源代碼構建擴展以獲取尚未發布的功能時,才需要這樣做。
大白工具插件下載
798KB/ 瀏覽輔助 / 10.0
v2.0.2官方版
flash video downloader免費下載
1.29M/ 下載工具 / 2.1
v132.0.0 綠色免費版
ublock origin廣告攔截下載
2.55M/ 瀏覽輔助 / 10.0
v1.33.3 最新版
crxmouse中文版下載
841KB/ 瀏覽輔助 / 10.0
v5.0 官方pc版
vue devtools插件下載
469KB/ 瀏覽輔助 / 10.0
v6.0 官方最新版
chrome谷歌翻譯插件下載
198KB/ 瀏覽輔助 / 10.0
v2.0.9 官方免費版
集裝箱插件官方下載
908KB/ 瀏覽輔助 / 10.0
v0.2.9 最新版
adblock plus瀏覽器插件下載
2.48M/ 瀏覽輔助 / 10.0
免費最新版
大小:16.90M / 版本:v6.0 官方最新版
大小:875KB / 版本:v6.0 官方最新版
大小:20.31M / 版本:v6.0 官方最新版
大小:16.90M / 版本:v6.0 官方最新版
大小:72.57M / 版本:v6.0 官方最新版
大小:400KB / 版本:v6.0 官方最新版
大小:39KB / 版本:v6.0 官方最新版
大小:701KB / 版本:v6.0 官方最新版
大小:360KB / 版本:v6.0 官方最新版
大小:1.71M / 版本:v6.0 官方最新版