安裝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中文網其他相關文章!