下載zip
https://github.com/vuejs/vue-devtools.git-
打開cmd，進入項目，運行
cnpm install
image.png 執行
npm run build-
打開谷歌瀏覽器，地址欄輸入
chrome://extensions/，點擊“加載已解壓的擴展程序”，選擇vue-devtools>shells下的chrome文件夾，添加完成如下圖所示。
image.png -
在調試vue應用的時候，chrome開發者工具中會看一個vue的一欄，點擊之后就可以看見當前頁面vue對象的一些信息。
image.png
安裝Vue-devtools
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
推薦閱讀更多精彩內容
- 近在研究vue單頁面應用，一步一步用上全家桶，開發避免不了的就是調試工具，因為vue是進行數據驅動的，單從chro...
- 最近在學習Vue.js，為了便于調試需要給Chrome瀏覽器安裝vue-devtools開發工具 手動安裝: 1....
- 目錄 UI組件 開發框架 實用庫 服務端 輔助工具 應用實例 Demo示例 UI組件 element★13489 ...
