vue調試工具軟件介紹
由于vue是數據驅動的，所以這就存在在開發調試中查看DOM結構并不能解析出什么，通過該插件，用戶可以很輕松的對數據結構進行解析和調試，能夠在側邊欄窗格中的頁面中檢查代碼并進行調試，可以方便查看state、mutaitons、action等信息，還可記錄路由的變化，以及路由相關信息等等，可謂是前端開發必備工具!
vue調試工具軟件功能
1、性能
與路由選項卡一樣，性能選項卡也是一個新增功能。此選項卡由兩部分組成，“每秒幀數”和“組件渲染”。
第一個選項卡“每秒幀數”顯示一個實時源圖表，其中包含應用程序的當前fps。這可用于查找減慢應用程序速度的某些操作或組件。
2、設置
將顯示密度更改為更緊湊的布局
規范化組件名稱(my-component將變為MyComponent)
更新主題 - 打開或關閉新的黑暗主題選項
3、路由
Routing選項卡是devtools套件的全新選項。這里有兩個不同的視圖，“歷史記錄”和“路徑”，可以通過單擊“路由”選項卡標題進行交換。
vue調試工具安裝步驟
1.首先用戶點擊瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇更多工具選項，然后點擊擴展程序來進入Chrome瀏覽器的擴展管理器頁面。
2.在打開的谷歌瀏覽器的擴展管理器中用戶可以看到一些已經安裝程序的Chrome插件，或者一個Chrome插件也沒有。
3.找到自己已經下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動到Chrome的擴展管理界面中，這時候瀏覽器會提示要“添加xxx“嗎?我們點擊”添加擴展程序“即可成功安裝插件。
4.顯示已經成功安裝插件，點擊”移除“即可卸載，相當的簡便。
vue調試工具更新日志
日日夜夜的勞作只為你可以更快樂
嘛咪嘛咪哄~bug通通不見了!
華軍小編推薦：
一個非常不錯的網頁瀏覽，小編也是用的本軟件，功能強大，綠色安全。本站還提供AlphaEbot動作編輯軟件、河小象編程客戶端、自動化測試工具AutoRunner、Easy GUI、小海龜LOGO語言等供您下載。
您的評論需要經過審核才能顯示