Vue开发前端神器工具vue-devtools谷歌插件下载,和安装使用

由于vue.js最近很火,也符合小熙的需求。所以最近也在自学,说到这就不得不说vue在浏览器端功能强大的调试工具vue-devtools了。
但是网上有很多是在GitHub下载,自定义安装,各种配置都很麻烦。所以在这小熙分享下,翻墙下载的vue-devtools-4.1.4_0.crx,拖拽到扩展页面即可完成安装

1. 下载,网盘地址:

vue-devtools-4.1.4_0下载
密码:713h

2.谷歌安装

谷歌安装

接下来直接打开谷歌浏览器,在更多工具中打开扩展程序页面,直接把下载的vue-devtools-4.1.4_0拖拽进去即可。确认添加即为上图的效果。(注意打开右上角的开发者模式)

3.使用vue-devtools工具

vuedevtool使用

安装完成之后,打开vue编写的页面。右击审查,找到图上vue标识点击,即可开始调试之旅了。

温情提示:

1.vue必须引入开发版, 使用min压缩版是不能使用devtools进行调试的。

2.安装后, 最好关闭浏览器, 再重新打开, 避免一些问题。

猜你喜欢

转载自blog.csdn.net/weixin_41133233/article/details/83378130