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