vue浏览器不可不看的宝藏插件

boyanx8个月前技术教程21

今天发现一个写vue的宝藏浏览器插件,亲测好用。

Vue.js devtools是一款专为Vue.js开发者设计的浏览器扩展插件,它允许开发者在浏览器中直接调试和检查Vue.js应用。


还没用过的小伙伴是不是很想试一试,我今天也是第一次试。

我用的浏览器是火狐,所以就直接在扩展管理里面安装了。

安装方法如下:

1,点击工具-扩展和主题,在搜索栏中输入vue.js devtools

2,界面上看到了,vue.js devtoolsd点击进去,点击安装,就可直接进行安装啦

3,安装完成后,我还找了一会,没看到在哪里使用,原来在浏览器的右上角有个vue的图标,一般在工具栏右侧,如果没看到图标,可点击扩展启用。

4,这样接下来可直接在vue项目中进行调试啦,打开开发者工具,可直接看到devtools了。接下来我们就可以欢快的使用插件看组件的各种数据啦。解决了Vue.js开发过程中常见的调试和检查问题。这些功能不仅提高了开发效率,还使得调试过程更加直观和便捷。对于Vue.js开发者来说,Vue.js devtools是一款不可或缺的工具。

相关文章

本地(或自下载)浏览器插件 安装指南

作者:京东科技 贾玉龙1 首先准备好安装包通过不用渠道下载所要安装插件的压缩包2 安装流程第一步 解压解压压缩包至文件夹中,请确保您的电脑上已安装解压工具,否则会解压失败1)mac系统中,双击压缩包即...

浏览器插件天花板!这6个神器让你上网冲浪爽到飞起

1. AdGuard广告屏蔽器:全网无死角拦截核心功能:精准拦截弹窗广告、视频贴片广告及恶意追踪脚本,支持自定义过滤规则6。隐藏技巧:开启「隐身模式」可屏蔽网页挖矿脚本,CPU占用率直降20%7。适...

各浏览器插件/扩展/加载项安装位置路径,以及插件网站推荐

谢谢 关注浏览器插件(扩展)安装文件夹位置和路径C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensi...

小姐姐做了个漂亮的浏览器插件,功能真强

最近,一款开源的浏览器插件引起了讨论,在 Github 上面斩获了3.1K 的 stars !这是款集合了书签、历史记录、浏览标签、三位于一体的页面管理器。开发者是一位既懂设计又懂开发的外国小姐姐-...

曲线救国:开发者推出浏览器插件可16倍速播放YouTube广告

IT之家 11 月 26 日消息,据外媒 9to5google 当地时间周六报道,这段时间以来,YouTube 向各大广告拦截器“宣战”的举措使大量插件失效。但老话说得好,“办法总比困难多”,有位开发...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。