1.拉取Chrome vue插件
github地址:https://github.com/vuejs/vue-devtools/tree/master
注意:一定是拉取master分支的代碼
2.進(jìn)入代碼目錄,執(zhí)行npm install,完成后再執(zhí)行npm run build(一定要執(zhí)行這一步,否則加載擴(kuò)展程序時會報錯)
3.找到manifest.json文件(shells->chrome->manifest.json),做如下更改:
將"persistent": false 改為"persistent": true

image.png
4.安裝Chrome擴(kuò)展程序
打開Chrome,進(jìn)入更多工具->擴(kuò)展程序,選擇加載已解壓的擴(kuò)展程序,選擇shells->chrome文件,即安裝成功

image.png

image.png

image.png
5.使用vue插件
運行一個vue項目,在f12中可使用vue插件

image.png