vue3开发者工具Devtools安装教程（解决Vue.js not detected，工具包，离线安装）

 

目录

1.Vue3 Devtools工具包：

2.找到浏览器的设置

3.找到扩展程序进入页面：

4.将刚刚解压的文件直接鼠标拖拽进去

 5.打开vue3项目测试图标亮起表示安装成功

---

前言：Devtools对vue前端开发人员来说必不可少，但Vue3的Devtools与Vue2的Devtools版本不同，所以vue3页面使用此工具的时候图标变灰且显示：Vue.js not detected。因此刚开始学习Vue3 的小伙伴们需要重新安装Vue3版本的Devtools

插件的安装有两种方法，可以在浏览器应用商城中直接搜索安装，和离线安装。

此方法为第二种

1.Vue3 Devtools工具包：

链接： https://pan.baidu.com/s/1UAqqQHKvrNs56ZG2fK2d1g
提取码：1234

打开解压后会出现一个文件：

2.找到浏览器的设置

 

3.找到扩展程序进入页面：

4.将刚刚解压的文件直接鼠标拖拽进去

 

 

 

 

 5.打开vue3项目测试图标亮起表示安装成功