Vue3--篇2--安装开发者工具
2023-04-05 本文已影响0人
扶得一人醉如苏沐晨
一、插件下载
访问极简插件官网搜索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
