安裝谷歌瀏覽器Chrome的vue插件

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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容