安裝vue devtools失敗怎麼辦

安裝vue devtools失敗的解決方法：1、在官網下載「vue-devtools」壓縮包並解壓縮；2、安裝git bash；3、在終端機cd到「devtools-main」資料夾中； 4.執行「npm install yarn -g」指令；5、開啟「manifest.json」檔案並將「persistent」改為「true」即可。

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

安裝vue devtools失敗怎麼辦？

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

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

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

 二、安裝git bash（在部落格裡隨便找一篇安裝教學就可以）

就是這個東西

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

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

npm install yarn -g
npm 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中文網其他相關文章！