<dd id="3pk9i"><optgroup id="3pk9i"><video id="3pk9i"></video></optgroup></dd>
<rp id="3pk9i"></rp>

<dd id="3pk9i"><track id="3pk9i"></track></dd>
      1. <th id="3pk9i"></th>
        1. <ol id="3pk9i"><ruby id="3pk9i"></ruby></ol>

        2. 安裝vue devtools失敗怎么辦-環球實時

          來源:php中文網 | 2022-12-30 14:59:13 |

          本教程操作環境:Windows10系統、vue-devtools6.1.4版、Dell G3電腦。

          安裝vue devtools失敗怎么辦?

          關于vue-devtools安裝過程的報錯問題解決


          (相關資料圖)

          一、用谷歌瀏覽器在官網下載壓縮包,記得存儲的路徑(避免存儲路徑包含中文),并解壓

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

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

          就是這個東西

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

          三、有些報錯是因為npm自身的局限性,以及部分模塊沒有安裝。為了避免報錯,直接安裝yarn

          npm install yarn -gnpm 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中文網其它相關文章!

          關鍵詞: devtools

          中文字幕在线观看2021
          <dd id="3pk9i"><optgroup id="3pk9i"><video id="3pk9i"></video></optgroup></dd>
          <rp id="3pk9i"></rp>

          <dd id="3pk9i"><track id="3pk9i"></track></dd>
            1. <th id="3pk9i"></th>
              1. <ol id="3pk9i"><ruby id="3pk9i"></ruby></ol>