首頁 > web前端 > Vue.js > 一招搞定Chome最新版vue-devtools安裝

一招搞定Chome最新版vue-devtools安裝

醉折花枝作酒筹
發布: 2021-04-12 11:27:49
轉載
2896 人瀏覽過

本文要為大家介紹Chome最新版vue-devtools的安裝方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

一招搞定Chome最新版vue-devtools安裝

準備工作

$ 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
登入後複製
  1. 開啟Chrome 擴充功能(chrome://extensions/),並啟用開發者模式:

一招搞定Chome最新版vue-devtools安裝

  1. 點擊載入已解壓縮的擴充程式按鈕,並在彈出的對話方塊選取以下資料夾:vue-devtools/packages/shell-chrome/

    一招搞定Chome最新版vue-devtools安裝

##大功告成。

一招搞定Chome最新版vue-devtools安裝

注意事項

    #建議使用Gitee 倉庫,因為該映像每天與GitHub 上的vue-devtools 同步,後面有更新版也不過是重新同步編譯一下,何樂而不為?
  1. 根據官方文件的說法,該方法適用於 Node 6 及 NPM 3 的手動編譯安裝。

推薦學習:

vue教學

以上是一招搞定Chome最新版vue-devtools安裝的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板