安裝vue devtools失敗的解決辦法:1、在官網(wǎng)下載“vue-devtools”壓縮包并解壓;2、安裝git bash;3、在終端cd到“devtools-main”文件夾中;4、執(zhí)行“npm install yarn -g”命令;5、打開(kāi)“manifest.json”文件并將“persistent”改為“true”即可。
本教程操作環(huán)境:Windows10系統(tǒng)、vue-devtools6.1.4版、Dell G3電腦。
安裝vue devtools失敗怎么辦?
關(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打開(kāi),并執(zhí)行如下操作
yarn install
之后在VS code中打開(kāi)manifest.json文件將圖中persistent改為true
最后在之前打開(kāi)的git bash中執(zhí)行命令yarn run build,等待安裝
五、打開(kāi)Chrome中的設(shè)置—>
相關(guān)推薦
- linux服務(wù)器怎么卸載寶塔?完整清理指南與優(yōu)化建議
- 新加坡裸機(jī)云大寬帶服務(wù)器對(duì)網(wǎng)站優(yōu)化有什么幫助
- raksmart香港裸機(jī)云站群服務(wù)器對(duì)網(wǎng)站優(yōu)化的幫助
- raksmart香港裸機(jī)云站群服務(wù)器對(duì)網(wǎng)站優(yōu)化的幫助
- 站長(zhǎng)這樣做,外鏈多到根本發(fā)不完
- raksmart海外大帶寬服務(wù)器連接失敗怎么處理
- AI工具導(dǎo)航網(wǎng)站,未來(lái)的發(fā)展前景怎么樣?
- 在RAKsmart服務(wù)器上怎么管理數(shù)據(jù)科學(xué)工作流