vue3中使用devtools（chrome）（推荐第三种方法）

方法一

1、下载最新版本：https://github.com/vuejs/devtools/tree/v6.1.4

2、解压到文件夹中

3、命令行进入文件夹中（或者用VScode等的终端操作），并且执行命令yarn install安装依赖

4、执行：yarn run build，到下图表示完成

5、chrome浏览器中打开chrome://extensions/，并且拖入packages文件下的shell-chrome文件夹

下图表示完成

6、重新打开浏览器

方法二

如果上面那个方法不行，可以试试这个
1、拉取安装包

git clone https://gitee.com/wwjwuweijie/vue2-vue3-devtools.git

2、打开扩展程序：chrome://extensions/
先确认打开了开发者模式，再点击加载已解压的扩展程序就可以自动加载了

方法三：

打开网址：https://chrome.zzzmh.cn/info/ljjemllljcmogpfapbkkighbhhppjdbg，选择推荐下砸

下载成功后解压，打开谷歌浏览器的扩展程序（chrome://extensions/），并打开开发者模式，把刚刚解压的程序包拖到浏览器中

添加后重新打开浏览器