本篇內(nèi)容介紹了“安裝vue devtools失敗如何解決”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)是一家專業(yè)的成都網(wǎng)站建設(shè)公司，我們專注成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷、企業(yè)網(wǎng)站建設(shè)，外鏈，一元廣告為企業(yè)客戶提供一站式建站解決方案，能帶給客戶新的互聯(lián)網(wǎng)理念。從網(wǎng)站結(jié)構(gòu)的規(guī)劃UI設(shè)計(jì)到用戶體驗(yàn)提高，創(chuàng)新互聯(lián)力求做到盡善盡美。

安裝vue devtools失敗的解決辦法：1、在官網(wǎng)下載“vue-devtools”壓縮包并解壓；2、安裝git bash；3、在終端cd到“devtools-main”文件夾中；4、執(zhí)行“npm install yarn -g”命令；5、打開“manifest.json”文件并將“persistent”改為“true”即可。

關(guān)于vue-devtools安裝過(guò)程的報(bào)錯(cuò)問(wèn)題解決

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

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

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

就是這個(gè)東西

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

三、有些報(bào)錯(cuò)是因?yàn)閚pm自身的局限性，以及部分模塊沒(méi)有安裝。為了避免報(bào)錯(cuò)，直接安裝yarn

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

四、關(guān)閉當(dāng)前終端，右鍵點(diǎn)擊該文件夾，用git bash打開，并執(zhí)行如下操作

yarn install

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

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

五、打開Chrome中的設(shè)置--->更多工具--->擴(kuò)展程序--->右上角打開開發(fā)者模式，并刷新頁(yè)面，點(diǎn)擊加載解壓的擴(kuò)展程序打開devtools-main文件夾

點(diǎn)擊詳情，并勾選允許訪問(wèn)文件網(wǎng)址（可以打開嗶哩嗶哩主頁(yè)看是否成功點(diǎn)亮小V標(biāo)）

“安裝vue devtools失敗如何解決”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！