谷歌浏览器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

解压后得到

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

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

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

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

3. 安装Vue-Devtools

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

得到

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

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

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

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

 

上一篇:使用devtools实现热部署


下一篇:vue.js (2.6.11)、vue devtools、vue页签不显示的解决办法