mac安裝vue-devtools(無報錯版)


mac安裝vue devtools(無報錯版)

1.github下載vue tool 的壓縮包

正常的方法:git clone https://github.com/vuejs/vue-devtools 

但事實上這個方法不行,因為GitHub上vue-tool版本更新后正常方法操作一直會有問題,所以我們安裝下面代碼選擇舊版本下載

git clone -b add-remote-devtools https://github.com/vuejs/vue-devtools

 

2.vue-devtools目錄下安裝依賴包

cd vue-devtools

sudo cnpm install

然后輸入電腦密碼

(加上sudo為了避免權限問題部分依賴無法安裝)

 

3.修改manifest.json文件

 

"persistent":false改成true

 

 

4.編譯npm run build

編譯成功界面如下

 

5.谷歌瀏覽器-->設置-->拓展程序

打開“開發者模式”,點擊“加載已解壓的拓展程序”,選擇vue-devtool中的chrome文件夾,成功看見如下界面:

 

搞定!!

之后使用f12打開vue項目時,就可以像下圖這樣使用這個工具啦!!

 


免責聲明!

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



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