Vue2與Vue3的devtools

文章目錄

• 前言
• 一、下載下傳插件
• • 1.官網下載下傳
  • 2.極簡插件（好用的插件網站，推薦）
  • 3.開源中國下載下傳
• 二、插件安裝
• • 1.安裝教程
  • 2.踩過的坑

前言

今天準備在chrome上裝vue devtools插件,花了很長時間，采坑無數。現在把遇到的問題全部整理下來，給需要的小夥伴提供一些參考意見。

注意：vue2與vue3的插件版本是不同的！！！！！！vue3請下載下傳beta版本！！！！！！

一、下載下傳插件

1.官網下載下傳

下載下傳位址：https://hub.fastgit.org/vuejs/devtools

（鏡像位址下載下傳更快）

2.極簡插件（好用的插件網站，推薦）

下載下傳位址：https://chrome.zzzmh.cn/

3.開源中國下載下傳

下載下傳位址：https://codechina.csdn.net/explore

二、插件安裝

1.安裝教程

安裝教程網上有很多，針對我們下載下傳的插件内容的不同，有不同的安裝方式（通過不同網址下載下傳的插件可能是crx檔案，可能是一個很大的目錄）

官網下載下傳

下載下傳的内容為一個目錄。解壓後，win+R進入指令行，進入檔案的解壓目錄，具體解壓過程傳送門

極簡插件——在搜尋框輸入devtools，vue2選擇第一個插件，vue3選擇第二個插件（beta）版本下載下傳

下載下傳完成後，将下載下傳的檔案解壓，解壓後的檔案是crx檔案，将crx檔案的字尾改成zip，然後再Chrome浏覽器》更多工具》擴充程式》将檔案直接拖進去

2.踩過的坑

如果vue不能使用，點選插件詳情，打開允許通路檔案網址這個按鈕傳送門