vue devtools除錯工具的安裝

2021-10-05 02:31:41 字數 665 閱讀 5904

在進行vue-devtools工具安裝時,折騰好幾遍才安裝好。

遇到的問題

下面是綜合了下得到的安裝方法:

# 3. 進入到vue-devtools-master資料夾

cd vue-devtools-master

# 4. 安裝配套的包

npm install

# 5. 壓縮檔案

npm run build

# 6. 修改 shells/chrome/mainifest.json 中的 persistant 為 true

# 7. 進入到chrome裡面以載入已解壓的擴充套件程式,選擇vue-devtools-master/shells/chrome 檔案

# 8. 進入到我們自己建立的vue專案中,在 main.js 檔案裡面新增一句話就可以正常執行了

vue.config.devtools = true

github上面選擇master

最終安裝成功

vue 除錯工具 vue devtools

工欲善其事,必先利其器。解壓並進入 vue devtools 目錄下,安裝依賴包 cd vue devtools cnpm install 修改 vue devtools shells chrome manifest.json 檔案,將 persistent 改為 true 這一步不改也沒啥影響 在...

Vue除錯工具 vue devtools

vue除錯工具 vue devtools vue devtools是一款基於chrome遊覽器的外掛程式,用於除錯vue應用,這可以極大地提高我們的除錯效率。接下來我們就介紹一下vue devtools的安裝。1.找到 vue devtools的github專案,將其clone到本地 git clo...

Vue除錯工具 vue devtools

vue devtools是一款基於chrome瀏覽器的外掛程式,可以幫我們快速除錯vue專案 vue devtools手動安裝 第一步 找到vue devtools的github專案 並將其clone到本地 第二步 安裝專案所需要的npm包 第三步 編譯專案檔案 npm run build 第四步 ...