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項目時,就可以像下圖這樣使用這個工具啦!!