vue-devtools是一款基於chrome游覽器的插件,用於調試vue應用,這可以極大地提高我們的調試效率。接下來我們就介紹一下vue-devtools的安裝
1、登錄github,獲取到vue-devtools源碼並下載下來。https://github.com/vuejs/vue-devtools。
2、打開下載文件,在根目錄下執行cmd命令來下載項目的依賴 : npm install
3、下載依賴結束之后,編譯項目,執行cmd命令:npm run build
4、修改 manifest.json 文件,找到項目中 shells>chrome>manifest.json。打開該文件,並將 persistent 改為true。
5、在chrome瀏覽器中,打開>更多工具>擴展程序。開啟開發者模式。並將項目文件中的chrome文件整體導入。
6、最后一步就是關閉chrome,重新打開,啟動一個vue項目,打開控制台就可以看到vue調試了。