vue-devtools的正確安裝步驟


1、 下載mater 分支 的vue-devtools (目前是4.1.5版本)  ( 切記一定要下載master 分支的,dev的目前測試npm run build 會失敗)

下載地址:

maser分支下載地址為   https://github.com/vuejs/vue-devtools/tree/master   

 

 

 2、將下載后的安裝包解壓到你喜歡的位置, cd進入到 vue- devtools-master 里面 ,  執行cnpm  i  (得你自己安裝cnpm)

 

 

 

3、繼續執行npm run build , 如下圖所示

 

 

 4、打開谷歌瀏覽器,訪問  chrome://extensions/  

選擇 加載已解壓的擴展程序  ,注意選擇的文件夾路徑為--你自己解壓的盤符\vue-devtools-master\shells\chrome  ,如下圖代表成功

 

 

 

注意: 如果安裝成功,重啟項目后發現右上角沒有vue 選項,則重啟一下谷歌瀏覽器,重新打開F12調試即可!!

 


免責聲明!

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



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