vue調(diào)試工具軟件介紹
由于vue是數(shù)據(jù)驅(qū)動的，所以這就存在在開發(fā)調(diào)試中查看DOM結(jié)構(gòu)并不能解析出什么，通過該插件，用戶可以很輕松的對數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試，能夠在側(cè)邊欄窗格中的頁面中檢查代碼并進(jìn)行調(diào)試，可以方便查看state、mutaitons、action等信息，還可記錄路由的變化，以及路由相關(guān)信息等等，可謂是前端開發(fā)必備工具!
vue調(diào)試工具軟件功能
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)行交換。
vue調(diào)試工具安裝步驟
1.首先用戶點(diǎn)擊瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇更多工具選項(xiàng)，然后點(diǎn)擊擴(kuò)展程序來進(jìn)入Chrome瀏覽器的擴(kuò)展管理器頁面。
2.在打開的谷歌瀏覽器的擴(kuò)展管理器中用戶可以看到一些已經(jīng)安裝程序的Chrome插件，或者一個(gè)Chrome插件也沒有。
3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動到Chrome的擴(kuò)展管理界面中，這時(shí)候?yàn)g覽器會提示要“添加xxx“嗎?我們點(diǎn)擊”添加擴(kuò)展程序“即可成功安裝插件。
4.顯示已經(jīng)成功安裝插件，點(diǎn)擊”移除“即可卸載，相當(dāng)?shù)暮啽恪?
調(diào)試工具無法安裝
可能原因：
瀏覽器版本過低，不支持調(diào)試工具的插件。
瀏覽器設(shè)置阻止了插件的安裝。
解決方案：
更新瀏覽器到最新版本，確保支持Vue調(diào)試工具的插件。
檢查瀏覽器的擴(kuò)展設(shè)置，允許插件的安裝。
vue調(diào)試工具更新日志
日日夜夜的勞作只為你可以更快樂
嘛咪嘛咪哄~bug通通不見了!
華軍小編推薦：
一個(gè)非常不錯(cuò)的網(wǎng)頁瀏覽，小編也是用的本軟件，功能強(qiáng)大，綠色安全。本站還提供快表軟件、AlphaEbot動作編輯軟件、自動化測試工具AutoRunner、Easy GUI、小海龜LOGO語言等供您下載。
您的評論需要經(jīng)過審核才能顯示