這篇文章將為大家詳細講解有關Chome最新版vue-devtools安裝方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

十多年的五常網站建設經驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都全網營銷推廣的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調整五常建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)建站從事“五常網站設計”,“五常網站推廣”以來，每個客戶項目都認真落實執(zhí)行。

準備工作

$ node -v       # v14.16.0
$ npm -v        # 6.14.11
$ yarn -v       # 1.22.10
$ git --version       # git version 2.31.0.windows.1
$ code -v       # 1.55.1 x64

具體步驟

# 1. 克隆 Git 庫到本地
    $ git clone git@gitee.com:mirrors/vue-devtools.git 
# 2. VSCode 打開文件夾
    $ code ./vue-devtools/
# 3. 用 yarn 初始化項目
    $ yarn install
# 4. 用 yarn 編譯
    $ yarn run build

5. 打開 Chrome 擴展程序（chrome://extensions/），并啟用 開發(fā)者模式：

6. 點擊加載已解壓的擴展程序按鈕，并在彈出的對話框選中如下文件夾：vue-devtools/packages/shell-chrome/

   

大功告成。

注意事項

1. 推薦使用 Gitee 倉庫，因為該鏡像每天與 GitHub 上的 vue-devtools 同步，后面有更新版也不過是重新同步編譯一下，何樂而不為？

2. 根據(jù)官方文檔的說法，該方法適用于 Node 6+ 及 NPM 3+ 的手動編譯安裝。

關于“Chome最新版vue-devtools安裝方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。