Vue.js devtools插件是一款專用于調試Vue.js應用程序的Chrome和Firefox DevTools擴展,通過Vue.js devtools可以輕松對數據結構進行解析和調試,可以在瀏覽器開發者工具下調試代碼,邊側邊欄窗格頁面,邊檢查代碼。
軟件功能
1、上手簡單
在用戶已經了解HTML,CSS和Javascript的情況下,閱讀指南后即可立即開始構建。
2、功能多樣
漸進式的生態系統,在圖書館和功能全面的框架之間進行擴展。
3、演示優化
20KB min+gzip運行,快速虛擬DOM,最少的優化工作。
Vue.js devtools插件還可以看到它們最后的更新時間,如果它們有自己的主頁,還可以對它們進行分類和其他更多的功能。
使用方法
1、下載安裝文件
下載插件,并在瀏覽器安全提示時選擇【保留】,在下載文件夾中找到下載好的文件,后綴是.crx 。
說明:若出現安全提示,請選擇保留。這是瀏覽器的默認設置,我們的插件不會危害你的計算機。
2、 打開擴展程序安裝頁面
復制chrome://extensions并粘貼到地址欄,按回車鍵進入擴展程序安裝頁面,打開右上角的【開發者模式】。
3、 安裝插件
將下載好的.crx文件拖拽到到擴展安裝頁面內,等待數秒,在安裝彈窗內點擊添加即可。