一、進入github倉庫：https://github.com/vuejs/devtools

可以下載zip包，也可以clone倉庫。這里我下載的壓縮包。

二、解壓后，在終端進入文件夾路徑。

解壓后推薦使用yarn install安裝依賴；yarn run build進行打包
經過小編自己使用npm cnpm進行安裝，總是出現報錯信息，加載到瀏覽器無法使用

執行：
yarn install 安裝依賴
yarn run build 進行打包·

三、修改manifest.json

文件路徑：\devtools-main\packages\shell-chrome\manifest.json

"background": {"scripts": ["build/background.js"],// "persistent": false// persistent設置為true"persistent": true},

三、最后在瀏覽器擴展程序中，加載已解壓的擴展程序

選中devtools-main\packages\shell-chrome

添加成功！

三、啟動vue項目，瀏覽器中就可以看到啦

總結

以上是生活随笔為你收集整理的安装vue浏览器插件-Vue.js devtools的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。