chrome安裝vue-devtool插件

vue-devtool插件下載

vue-devtool插件百度網盤下載:
鏈接:https://pan.baidu.com/s/1XKTBJjShgD8sXSFEMdkDdQ
提取碼:qq00

vue devtool下載地址:
https://github.com/vuejs/vue-devtools

安裝

進入vue-devtools的目錄
在這裏插入圖片描述
在這裏插入圖片描述
安裝執行命令 cnpm install
在這裏插入圖片描述
運行npm run build出錯
在這裏插入圖片描述
安裝webpack:cnpm install webpack -g
在這裏插入圖片描述
將mainframe.json文件內容修改
在這裏插入圖片描述
在這裏插入圖片描述
再次運行npm run build
在這裏插入圖片描述

把下面的標框目錄(shell-chrom)拖入瀏覽器擴展程序chrome://extensions/中 會顯示錯誤
會發現圖標是灰色的(Vue.js not detected)
在這裏插入圖片描述
在這裏插入圖片描述

解決辦法:

百度網盤下載插件
鏈接:https://pan.baidu.com/s/1BdQX2iYgHZoH8tv9Yr2N0Q
提取碼:u8r9

在這裏插入圖片描述

可以發現vue圖標顯示綠色了。

但是並不顯示vue
在這裏插入圖片描述

點擊圖標顯示Open DevTools and look for the Vue panel.

發現——打開
在這裏插入圖片描述

運行利用vue-cli搭建的vue項目
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章