Vue.js Devtools(chrome瀏覽器調(diào)試插件) V6.0.0beta11 免費(fèi)版
軟件介紹
Vue.js devtools是一款chrome瀏覽器上的開發(fā)者調(diào)試插件，我們可以通過該軟件在瀏覽器開發(fā)者工具下調(diào)試代碼，支持用戶對(duì)DOM結(jié)構(gòu)數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試功能，大大提高開發(fā)人員的調(diào)試效率。需要的朋友可以下載。
功能特點(diǎn)
1、性能
與路由選項(xiàng)卡一樣，性能選項(xiàng)卡也是一個(gè)新增功能。此選項(xiàng)卡由兩部分組成，“每秒幀數(shù)”和“組件渲染”。
第一個(gè)選項(xiàng)卡“每秒幀數(shù)”顯示一個(gè)實(shí)時(shí)源圖表，其中包含應(yīng)用程序的當(dāng)前fps。這可用于查找減慢應(yīng)用程序速度的某些操作或組件。
2、設(shè)置
將顯示密度更改為更緊湊的布局
規(guī)范化組件名稱（my-component將變?yōu)镸yComponent）
更新主題 - 打開或關(guān)閉新的黑暗主題選項(xiàng)
3、路由
Routing選項(xiàng)卡是devtools套件的全新選項(xiàng)。這里有兩個(gè)不同的視圖，“歷史記錄”和“路徑”，可以通過單擊“路由”選項(xiàng)卡標(biāo)題進(jìn)行交換。
安裝說明
1、下載得到vue.js devtools crx文件；
2、從設(shè)置-》更多工具-》擴(kuò)展程序 打開擴(kuò)展程序頁面，或者地址欄輸入 Chrome://extensions/ 按下回車打開擴(kuò)展程序頁面；
3、打開擴(kuò)展程序頁面的“開發(fā)者模式”；
4、將crx文件拖拽到擴(kuò)展程序頁面，完成安裝；
用戶還可以通過Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件，點(diǎn)擊在文件夾中顯示，雙擊“xxx.crx”。
5、將本地的vue項(xiàng)目跑起來后，在瀏覽器打開你的項(xiàng)目，打開開發(fā)者模式，你會(huì)看見地址欄下邊多出了vue選項(xiàng)。
百度_baidu.com
_baijiahao.baidu.com1261.png)
百家號(hào)_baijiahao.baidu.com
