VUE DEVTOOLS 安裝方法(npm cnpm 安裝失敗找不到安裝工具問題解決方法)


vue-devtools 安裝的過程中使用npm /cnpm 直接安裝會出現找不到  cannot find build-tools 的錯誤,網上很多方法都解決不了

下面是解決辦法:親身使用

 

解決方便其實官網已經告訴我們,我們只是嫌麻煩

官網地址:https://github.com/vuejs/vue-devtools

1、安裝node.js (為了用npm)

2、安裝yarn,看博

https://blog.csdn.net/yw00yw/article/details/81354533

3、clone vue-devtools 

4、在~/vue-devtools 敲安裝命令

  1) yarn install 

  2) yarn run build  

install 會有些慢,取決與網速,也可以注冊使用yarn 的淘寶鏡像,step2中博客中有介紹

5、在chrom 中安裝找到擴展程序(更多工具-> 擴展程序)

  1) 打開開發者模式

  2)加載已解壓的擴展程序

  

 

 

   3)找到 shell-chrome

 

 

 

  4)安裝成功后會看到vue-devtools (上圖)

 6、測試

  官方介紹:

  yarn run dev 

  瀏覽器輸入  localhost:8100 最終界面。

 

 

 

   

 

 

 

   

 

 

  

 


免責聲明!

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



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