Vue.js devtools是一款用于調試Vue.js應用程序的Chrome和Firefox DevTools擴展，在瀏覽器中，可以邊側邊欄窗格頁面，邊檢查代碼，方便實用。

基本簡介

　　Vue.js devtools是前端開發IT工程師的好幫手，通過Vue.js devtools數據結構調試工具可以在瀏覽器開發者工具下調試代碼，邊側邊欄窗格頁面，邊檢查代碼。游玩vue是數據驅動，所以存在一些在開發調試中查看DOM結構不能分析出什么的問題，此時我們下載使用vue-devtools插件，就可以通過此工具對數據結構進行解析和調試。

功能介紹

　　- 上手簡單

　　在用戶已經了解HTML，CSS和JavaScript的情況下，閱讀指南后即可立即開始構建。

　　- 功能多樣

　　漸進式的生態系統，在圖書館和功能全面的框架之間進行擴展。

　　- 演示優化

　　20KB min + gzip運行，快速虛擬DOM，最少的優化工作。

　　你還可以看到它們最后的更新時間，如果它們有自己的主頁，還可以對它們進行分類和其他更多的功能。

使用方法

　　1.下載安裝文件

　　下載插件，并在瀏覽器安全提示時選擇【保留】，在下載文件夾中找到下載好的文件，后綴是.crx 。

　　說明：若出現安全提示，請選擇保留。這是瀏覽器的默認設置，我們的插件不會危害你的計算機。

　　2. 打開擴展程序安裝頁面

　　復制chrome://extensions并粘貼到地址欄，按回車鍵進入擴展程序安裝頁面，打開右上角的【開發者模式】。

　　3. 安裝插件

　　將下載好的.crx文件拖拽到到擴展安裝頁面內，等待數秒，在安裝彈窗內點擊添加即可。