vue調(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ā)必備工具!
vue調(diào)試工具軟件功能
1、性能
與路由選項卡一樣，性能選項卡也是一個新增功能。此選項卡由兩部分組成，“每秒幀數(shù)”和“組件渲染”。
第一個選項卡“每秒幀數(shù)”顯示一個實時源圖表，其中包含應(yīng)用程序的當前fps。這可用于查找減慢應(yīng)用程序速度的某些操作或組件。
2、設(shè)置
將顯示密度更改為更緊湊的布局
規(guī)范化組件名稱(my-component將變?yōu)镸yComponent)
更新主題 - 打開或關(guān)閉新的黑暗主題選項
3、路由
Routing選項卡是devtools套件的全新選項。這里有兩個不同的視圖，“歷史記錄”和“路徑”，可以通過單擊“路由”選項卡標題進行交換。
vue調(diào)試工具安裝步驟
1.首先用戶點擊瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇更多工具選項，然后點擊擴展程序來進入Chrome瀏覽器的擴展管理器頁面。
2.在打開的谷歌瀏覽器的擴展管理器中用戶可以看到一些已經(jīng)安裝程序的Chrome插件，或者一個Chrome插件也沒有。
3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動到Chrome的擴展管理界面中，這時候瀏覽器會提示要“添加xxx“嗎?我們點擊”添加擴展程序“即可成功安裝插件。
4.顯示已經(jīng)成功安裝插件，點擊”移除“即可卸載，相當?shù)暮啽恪?
調(diào)試工具無法安裝
可能原因：
瀏覽器版本過低，不支持調(diào)試工具的插件。
瀏覽器設(shè)置阻止了插件的安裝。
解決方案：
更新瀏覽器到最新版本，確保支持Vue調(diào)試工具的插件。
檢查瀏覽器的擴展設(shè)置，允許插件的安裝。
vue調(diào)試工具更新日志
日日夜夜的勞作只為你可以更快樂
嘛咪嘛咪哄~bug通通不見了!
華軍小編推薦：
一個非常不錯的網(wǎng)頁瀏覽，小編也是用的本軟件，功能強大，綠色安全。本站還提供AlphaEbot動作編輯軟件、河小象編程客戶端、自動化測試工具AutoRunner、Easy GUI、小海龜LOGO語言等供您下載。
您的評論需要經(jīng)過審核才能顯示