一、插件下载
访问极简插件官网搜索devtools
选择第二个
https://chrome.zzzmh.cn/#/index
![](https://img.haomeiwen.com/i27493437/aed96a30006a8a0a.png)
二、下载
![](https://img.haomeiwen.com/i27493437/c13b79d79afd24d5.png)
三、安装
3.1、下载好以后,解压
3.2、 配置 Chrome 浏览器中的 vue-devtools
点击 Chrome 浏览器右上角的 按钮
,选择 更多工具 -> 扩展程序
![](https://img.haomeiwen.com/i27493437/96e4a6a2fcf3d888.png)
3.3、打开开发者模式
![](https://img.haomeiwen.com/i27493437/57ca846a6958e20f.png)
3.4、将插件拖动到谷歌的扩展程序页面就可以直接安装了
3.5、安装成功
注意:如果是尽量不要和Vue2开发者工具一起用
![](https://img.haomeiwen.com/i27493437/e228aa3ccb0dd7c1.png)
四、如何使用
注意
只有在含有Vue的网页中才有如下选项
4.1、按F12打开调试工具
![](https://img.haomeiwen.com/i27493437/7605978949091cd6.png)
4.2、组件页面查看(默认)
![](https://img.haomeiwen.com/i27493437/8cd0c68ad6749d6d.png)
网友评论