vue-devtools的安裝和使用


1、下載壓縮包並解壓此包,github下載地址:https://github.com/vuejs/vue-devtools

 

 

2、用命令提示符或編譯器進入此文件夾

3、在文件夾下依次執行(可以在命令提示符窗口也可在編譯器中):

  I、npm install安裝所需要的依賴

 II、npm run build構建(如果未執行此步,shells->chrome文件夾下會缺少build文件夾)

 

4、在shells->chrome->manifest.json文件中修改 background 下 persistent 的值為 true

 

 5、在chrome瀏覽器中找到設置->擴展程序,然后開啟開發者模式,將插件中shells文件夾下的chrome文件夾直接拖到開啟了開發模式的擴展程序頁面,完成安裝

 

 

 

 6、在插件文件目錄下運行npm run dev,至此插件已成功安裝,打開本地localhost:8080就可以看到插件成功安裝並運行

 

7、用chrome瀏覽器打開本地的其他項目,就可以看到瀏覽器已成功的安裝了vue-devtools,可以用瀏覽器去調試vue項目啦。(此時已不需要再在插件文件夾下運行npm run dev)

 


免責聲明!

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



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