Vue安裝Vue Devtools各種坑

應為主要使用vue開發(fā)。所以想裝一個Vue Devtools的瀏覽器插件,但是不管是去github上下載vue-devtools的壓縮包,還是直接克隆下來,安裝好依賴以后打包的時候總會有問題。
cd到目錄后 cnpm i
然后打包 npm run bulid就會出現(xiàn)下面的錯誤。

微信圖片_20200119142729.png

微信圖片_20200119142750.png

在網(wǎng)上各種度娘,解決不了。
要不就是讓去翻墻找chrome的應用商店。
后來看到有人推薦了一個網(wǎng)址,正好可以下載就拿來用了。
訪問該地址:vue調(diào)試工具插件 ,下載vue調(diào)試工具插件。直接點擊推薦下載,Vue Devtools就會下載下來。
下載下來后解壓。
微信圖片_20200119143157.png

然后打開你的chrome瀏覽器
點擊右上角 ==》選擇更多工具按鈕 ==》選擇擴展程序
將上面的文件拉到里面,有提示點擊確定,這樣就成功了。
微信圖片_20200119143348.png

打開項目按F12就可以看到vue的選項,點擊后就可以看到了
微信圖片_20200119143518.png

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容