安裝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)推薦
- RakSmart服務(wù)器成本優(yōu)化策略
- 2025年國(guó)內(nèi)免費(fèi)AI工具推薦:文章生成與圖像創(chuàng)作全攻略
- 從流量變現(xiàn)到信任變現(xiàn):個(gè)人站長(zhǎng)的私域運(yùn)營(yíng)方法論
- 傳統(tǒng)網(wǎng)站如何借力短視頻?從SEO到“內(nèi)容種草”的轉(zhuǎn)型策略
- AI時(shí)代,個(gè)人站長(zhǎng)如何用AI工具實(shí)現(xiàn)“一人公司”
- 個(gè)人站長(zhǎng)消亡論?從“消失”到“重生”的三大破局路徑
- raksmart法蘭克福云服務(wù)器延遲高嗎?
- 如何監(jiān)控RAKsmart CDN的性能?