一、插件下载

访问极简插件官网搜索devtools
选择第二个

https://chrome.zzzmh.cn/#/index

image.png

二、下载

image.png

三、安装

3.1、下载好以后，解压

3.2、 配置 Chrome 浏览器中的 vue-devtools

点击 Chrome 浏览器右上角的 按钮，选择 更多工具 -> 扩展程序

image.png

3.3、打开开发者模式

image.png

3.4、将插件拖动到谷歌的扩展程序页面就可以直接安装了

3.5、安装成功

注意：如果是尽量不要和Vue2开发者工具一起用

image.png

四、如何使用

注意

只有在含有Vue的网页中才有如下选项

4.1、按F12打开调试工具

image.png

4.2、组件页面查看（默认）

image.png

4.3、Vue3开发者工具不支持Vuex