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 最終界面。