vue-devtools工具的安裝


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調試了。

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM