vue-devtools 是一款基于chrome游覽器的插件，用于調試vue應用，由于國內不能訪問谷歌商店（要科學上網），所以安裝比較麻煩，寫個文章記錄一下。

第一步

將vue-devtools clone到本地

git clone https://github.com/vuejs/vue-devtools.git

第二步

在vue-devtools目錄下安裝依賴包

cd vue-devtoolsnpm install

第三步

編譯代碼

npm run build

第四步

修改 vue-devtools/shells/chrome/manifest.json 文件，將 persistent改成 true

第五步

打開chrome，輸入 chrome://extensions/ 進入到chrome擴展程序設置頁面

打開右上角的 開發(fā)者模式

點擊 加載已解壓的擴展程序 選擇 vue-devtools/shells/chrome

注意：勾選 允許訪問文件網址

至此，vue-devtools已經安裝完畢。enjoy it!

總結

以上所述是小編給大家介紹的vue-devtools的安裝步驟，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！