Vue2与Vue3的devtools

---

前言

今天准备在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不能使用，点击插件详情，打开允许访问文件网址这个按钮传送门

vue.js not detected：https://www.cnplugins.com/tool/fix-vue-js-not-detected.html