image picker(Chrome提取圖片插件) v2.0.4 免費版
302KB / 11-06
SimpleUndoClose(快速找回關(guān)閉標簽頁Chrome插件) v1.3.10 免費綠
58.7KB / 10-23
PP谷歌訪問助手chrome插件 v4.1 永久免費版
199KB / 08-26
貓爪Chrome插件 v1.3.3 官方版
175KB / 09-07
skyzip proxy Chrome插件 v0.8.1 官方免費版
70.6KB / 02-23
-
flash模擬器高級版(Ruffle Chrome插件) v0.1.0 nightly 2025-04- 其它 / 4.20MB
-
Briskine: Email templates for Gmail 郵件模板 v7.14.4 免費安 其它 / 450 KB
-
-
Keplr(瀏覽器擴展錢包) v0.12.220 免費安裝版 其它 / 14.1 MB
-
自動點擊器 Auto Clicker v4.0.46.2 免費安裝版 其它 / 389 KB
-
adobe acrobat chrome插件 v25.4.2.2 安裝版 其它 / 2.23MB
-
RoboForm 密碼管理器 v9.6.15.0 免費安裝版 其它 / 6.20 MB
-
-
-
Circle (瀏覽器閱讀插件) v3.4.5 免費安裝版 其它 / 1.45MB
詳情介紹
vue devtools是一款基于chrome瀏覽器的用于調(diào)試Vue.js應用程序的插件,可以使得開發(fā)人員大大提高調(diào)試效率。支持用戶對DOM結(jié)構(gòu)數(shù)據(jù)結(jié)構(gòu)進行解析和調(diào)試功能。需要的朋友可下載試試!
由于vue是數(shù)據(jù)驅(qū)動的,所以這就存在在開發(fā)調(diào)試中查看DOM結(jié)構(gòu)并不能解析出什么,通過該插件,用戶可以很輕松的對數(shù)據(jù)結(jié)構(gòu)進行解析和調(diào)試,能夠在側(cè)邊欄窗格中的頁面中檢查代碼并進行調(diào)試,可以方便查看state、mutaitons、action等信息,還可記錄路由的變化,以及路由相關(guān)信息等等,可謂是前端開發(fā)必備工具!
功能特點
1、性能
與路由選項卡一樣,性能選項卡也是一個新增功能。此選項卡由兩部分組成,“每秒幀數(shù)”和“組件渲染”。
第一個選項卡“每秒幀數(shù)”顯示一個實時源圖表,其中包含應用程序的當前fps。這可用于查找減慢應用程序速度的某些操作或組件。
2、設(shè)置
將顯示密度更改為更緊湊的布局
規(guī)范化組件名稱(my-component將變?yōu)镸yComponent)
更新主題 - 打開或關(guān)閉新的黑暗主題選項
3、路由
Routing選項卡是devtools套件的全新選項。這里有兩個不同的視圖,“歷史記錄”和“路徑”,可以通過單擊“路由”選項卡標題進行交換。
安裝教程:
1、下載得到vue.js devtools crx文件;
2、從設(shè)置->更多工具->擴展程序 打開擴展程序頁面,或者地址欄輸入 Chrome://extensions/ 按下回車打開擴展程序頁面;
3、打開擴展程序頁面的“開發(fā)者模式”;
4、將crx文件拖拽到擴展程序頁面,完成安裝;
用戶還可以通過Chrome擴展管理器找到已經(jīng)安裝的插件,點擊在文件夾中顯示,雙擊“xxx.crx”
5、將本地的vue項目跑起來后,在瀏覽器打開你的項目,打開開發(fā)者模式,你會看見地址欄下邊多出了vue選項。
vue devtools使用教程
1、下載好后進入vue-devtools-master工程 執(zhí)行cnpm install,下載依賴,然后執(zhí)行npm run build,編譯源程序
2、編譯完成后,目錄結(jié)構(gòu)如下
3、修改shells目錄下的mainifest.json 中的persistant為true
位置:C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\ljjemllljcmogpfapbkkighbhhppjdbg\6.0.0.2_0
4、打開谷歌瀏覽器的設(shè)置--->擴展程序,并勾選開發(fā)者模式,將剛剛編譯后的工程中的shells目錄下,chrome的整個文件夾直接拖拽到當前瀏覽器中,并選擇啟用,即可將插件安裝到瀏覽器
5、打開一個已有的vue項目,我們以todolist項目為例,運行項目,然后在瀏覽器中--->設(shè)置--->更多工具--->開發(fā)者工具,進入調(diào)試模式
6、安裝完插件后,將會看到多了vue一欄,選擇vue,就可以在調(diào)試vue項目的過程中查看相應的組件等
下載地址
人氣軟件
貓爪Chrome插件 v1.3.3 官方版
Global Speed(視頻倍速播放chrome插件) v3.2.17 免費版
店偵探看店寶插件 v1.0.1.5 官方免費版
網(wǎng)課小工具插件(自動刷課Chrome插件) v2.5.1 免費版
暴力猴插件(Violentmonkey chrome) v2.31.0 免費完整版(附安裝使
Adobe Flash ppapi插件(chrome內(nèi)核插件) V27.0.0.159 官方最新版
Axure RP Extension for Chrome v0.6.3插件 官方免費版
解除網(wǎng)站禁止復制插件 Enable Copy v6.0 官方最新免費版
zenmate(Chrome應用擴展插件) 官方最新版
chrome谷歌瀏覽器迅雷插件 v3.29 官方版
相關(guān)文章
-
Trust Wallet(加密貨幣錢包) v2.36.0 免費安裝版
Trust Wallet是一個多鏈自我定位加密貨幣錢包,也是通往數(shù)千個Web3分散應用程序(DAPPS)的網(wǎng)關(guān),本插件小巧實用,不占空間...
-
隱形滾動條 v1.4.5 Chrome擴展插件
隱形滾動條是一款將網(wǎng)頁滾動條隱藏的擴展插件,旨在為用戶提供一個更加純凈、無干擾的瀏覽環(huán)境,讓您專注于內(nèi)容本身,盡情沉浸其中,無論是瀏覽文章、欣賞圖片,還是觀看視...
-
UniSat Wallet(瀏覽器擴展錢包) v1.6.1 免費安裝版
UniSat 錢包作為一款瀏覽器擴展錢包,為用戶提供了一個安全便捷的平臺來存儲、發(fā)送和接收比特幣和序號,它直接與比特幣區(qū)塊鏈交互,確保交易的安全性和便捷性,適合日常使用...
-
Fuel Wallet(錢包) v0.52.0 免費安裝版 附安裝說明
Fuel Wallet插件是一款功能強大且易于使用的錢包管理工具,它允許用戶輕松接收、發(fā)送和管理他們的加密貨幣資產(chǎn),這款插件支持多種加密貨幣,并具備高級的安全特性,確保資金...
-
StarKey Wallet(Supra的官方錢包) v2.3.2 免費安裝版
StarKey插件是一個多功能的加密錢包工具,它兼容Supra、以太坊、Solana等多種區(qū)塊鏈平臺,這個插件提供了一站式的資產(chǎn)管理解決方案,讓用戶能夠輕松追蹤、管理跨鏈資產(chǎn),并...
-
OKX Wallet(通用數(shù)字貨幣錢包) v3.50.0 免費安裝版
OKX Wallet插件作為一款功能全面的去中心化資產(chǎn)管理工具,不僅讓用戶能夠輕松地在多個區(qū)塊鏈網(wǎng)絡(luò)之間進行資產(chǎn)的查看和管理,而且提供了參與DeFi、NFT等熱門項目的便捷途...
下載聲明
☉ 解壓密碼:www.dbjr.com.cn 就是本站主域名,希望大家看清楚,[ 分享碼的獲取方法 ]可以參考這篇文章
☉ 推薦使用 [ 迅雷 ] 下載,使用 [ WinRAR v5 ] 以上版本解壓本站軟件。
☉ 如果這個軟件總是不能下載的請在評論中留言,我們會盡快修復,謝謝!
☉ 下載本站資源,如果服務器暫不能下載請過一段時間重試!或者多試試幾個下載地址
☉ 如果遇到什么問題,請評論留言,我們定會解決問題,謝謝大家支持!
☉ 本站提供的一些商業(yè)軟件是供學習研究之用,如用于商業(yè)用途,請購買正版。
☉ 本站提供的vue.js devtools(chrome瀏覽器調(diào)試插件) v6.6.1 免費版(附使用教程)資源來源互聯(lián)網(wǎng),版權(quán)歸該下載資源的合法擁有者所有。