您的位置:首页 > Web前端 > Vue.js

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

2018-10-25 13:24 1356 查看

由于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工具

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

温情提示:

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

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: