vue3 怎麼使用 vue devtools，vue3 報 Vue.js not detected

• 重點
• • vue devtools的安裝
  • vue devtools 使用測試

重點

–2021-4-21

記錄一些使用vue devtools的坑

在學習vue的過程中，使用 vue devtools來進行調試會提高調試的效率。

筆者最近在剛開始學習vue，一開始使用的便是vue3。

在安裝 vue devtools中踩了一個坑，在此紀錄下來。

vue3 : 使用 vue devtools deta版本

vue2: 使用 vue devtools master版本

vue devtools的安裝

提供二種安裝方式

1.官網編譯安裝

vue devtools 倉庫 : Github

vue devtools 鏡像倉庫 : Github鏡像網站

github在國内通路很慢，提供一個鏡像網站:hub.fastgit.org

在github倉庫按文檔說明下載下傳編譯，将插件安裝在chrome、firefox等浏覽器上。

或者使用官網提供的浏覽器插件下載下傳安裝即可。

這裡需要注意使用的vue3用後面的連結，如beta channel，使用的是vue2 用前面的連結即可(需要科學)。

2.使用插件網站安裝

通路極簡插件

搜尋vue devtools

下載下傳安裝，還是那句話下載下傳deta版本（vue3）。

vue devtools 使用測試

使用 vue cli 建立一個 vue3 項目。

打開控制台。

可以使用vue3了。