安裝vue devtools失敗怎么辦-環球實時

本教程操作環境：Windows10系統、vue-devtools6.1.4版、Dell G3電腦。

安裝vue devtools失敗怎么辦？

關于vue-devtools安裝過程的報錯問題解決

(相關資料圖)

一、用谷歌瀏覽器在官網下載壓縮包，記得存儲的路徑（避免存儲路徑包含中文），并解壓

GitHub - vuejs/devtools: ?? Browser devtools extension for debugging Vue.js applications.

二、安裝git bash（在博客里隨便找一篇安裝教程就可以）

就是這個東西

三、在終端cd到devtools-main文件夾中，注意一般壓縮包解壓會在外包裹一個文件夾，一定要cd到有package.json的文件夾 （接下來所有指令都在該文件夾下操作）

三、有些報錯是因為npm自身的局限性，以及部分模塊沒有安裝。為了避免報錯，直接安裝yarn

npm install yarn -gnpm install webpack webpack-cli –g   //（全局安裝webpack、webpack-cli）

四、關閉當前終端，右鍵點擊該文件夾，用git bash打開，并執行如下操作

yarn install

之后在VS code中打開manifest.json文件將圖中persistent改為true

最后在之前打開的git bash中執行命令yarn run build，等待安裝

五、打開Chrome中的設置--->更多工具--->擴展程序--->右上角打開開發者模式，并刷新頁面，點擊加載解壓的擴展程序打開devtools-main文件夾

點擊詳情，并勾選允許訪問文件網址（可以打開嗶哩嗶哩主頁看是否成功點亮小V標）

推薦學習：《vue視頻教程》

以上就是安裝vue devtools失敗怎么辦的詳細內容，更多請關注php中文網其它相關文章！

關鍵詞： devtools