谷歌浏览器chrome安装vue调试插件Vue-Devtools

目录

​​1. 下载并解压Vue-Devtools​​

​​2. 打开谷歌浏览器的应用商店​​

​​3. 安装Vue-Devtools​​

​​4. 验证Vue-Devtools是否启动成功​​

1. 下载并解压Vue-Devtools

​​https://codeload.github.com/arcliang/Vue-Devtools-/zip/refs/heads/master​​

解压后得到

2. 打开谷歌浏览器的应用商店

谷歌浏览器访问 ​​chrome://extensions/​​  开启开发者模式

3. 安装Vue-Devtools

得到

4. 验证Vue-Devtools是否启动成功

关闭谷歌浏览器，重新打开谷歌浏览器，访问vue项目页面，Ctrl + Shift + i 打开浏览器的控制台，可以看到vue调试页签