vue.js devtolls插件(vue调试工具)

大小:3.54M类别:浏览辅助

官方安全无插件纠错

  • 更新时间2024-09-06
  • 版本v6.6.3
  • 系统Pc
  • 语言简体中文

Vue.js devtools插件是一款用于调试Vue.js应用程序的Chrome和Firefox DevTools扩展工具,一般也被叫做vue调试工具。插件可以在浏览器开发者工具下调试代码,边侧边栏窗格页面,边检查代码,可以通过此工具对数据结构进行解析和调试。Vue.js devtools插件可以边侧边栏窗格中的页面,边检查代码,由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么,但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试;通过vue调试工具数据结构调试工具可以在浏览器开发者工具下调试代码,边侧边栏窗格页面,边检查代码,通过一些特殊的语法,将DOM和数据绑定起来,无需手动操作DOM,一旦创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新,有兴趣的小伙伴快来下载体验吧!

Vue.js devtools插件安装教程

1、首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择工具选项,然后点击扩展程序来启动Chrome浏览器的扩展管理器页面

2、进入扩展程序页面后将开发者模式打勾

3、找到自己已经下载好的Chrome离线安装文件“ljjemllljcmogpfapbkkighbhhppjdbg.crx”,然后将其从资源管理器中拖动到Chrome的扩展管理界面中

4、松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示

5、这时候用户会发现在扩展管理器的中央部分中会多出一个拖动以安装的插件按钮,点击添加扩展程序

6、用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去,安装成功

Vue.js devtools插件使用方法

1、下载好后进入vue-devtools-master工程 执行cnpm install,下载依赖,然后执行npm run build,编译源程序

2、编译完成后,目录结构如下

3、修改shells目录下的mainifest.json 中的persistant为true

位置:C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\ljjemllljcmogpfapbkkighbhhppjdbg\6.0.0.2_0

4、打开谷歌浏览器的设置--->扩展程序,并勾选开发者模式

5、然后将刚刚编译后的工程中的shells目录下,chrome的整个文件夹直接拖拽到当前浏览器中,并选择启用,即可将插件安装到浏览器

6、打开一个已有的vue项目,我们以todolist项目为例,运行项目,然后在浏览器中--->设置--->更多工具--->开发者工具,进入调试模式

7、安装完插件后,将会看到多了vue一栏,选择vue,就可以在调试vue项目的过程中查看相应的组件等

功能介绍

1、上手简单

在用户已经了解HTML,CSS和JavaScript的情况下,阅读指南后即可立即开始构建。

2、功能多样

渐进式的生态系统,在图书馆和功能全面的框架之间进行扩展。

3、演示优化

20KB min+gzip运行,快速虚拟DOM,最少的优化工作。

Vue.js devtools插件还可以看到它们最后的更新时间,如果它们有自己的主页,还可以对它们进行分类和其他更多的功能。

展开内容

类似软件

网友评论

0人参与,0条评论
  • 评论需审核后才能显示

同类排行

  • 网课小工具(Chrome自动刷课插件)

    8.8/118K

    网课小工具插件是一款超星(学习通)/智慧树(知到)/中国大学mooc学习辅助工具插件,插件功能强大全面,使用后可以帮助用户更轻松高效的进行超星智慧树刷课,提供全自动任务、视频倍速秒过、作业考试题库、验证码自动打码等特色功能,能够帮助用户节省很多时间。

  • SuperCopy超级复制插件

    9.0/133K

    SuperCopy超级复制插件是一款在浏览器中的网页复制的辅助工具,软件功能强大,操作简单,使用后可以帮助用户轻松便捷的复制网页,非常方便实用,插件能够轻松搞定那些不能够被复制的网页,它可以无视那些网页的禁止复制限制,从而帮助用户轻松复制网页中的内容到本地。

  • Custom Cursor(Chrome自定义光标插件)

    9.1/2.42M

    Chrome的自定义光标,使用大量免费游标或上传自己的游标。

  • 广告净化器插件

    9.1/968K

    广告净化器插件是一款强大的浏览器广告拦截插件,能够过滤掉烦人的弹窗广告、大横幅广告等网页广告,让你清爽浏览网页。广告净化器插件支持一键拦截网页广告、去除广告,支持各类视频网站广告插件的过滤功能,例如土豆、优酷、腾讯等主流视频网站的广告皆可完全过滤,多个版本适配各类浏览器,无

  • Dualsub(通用字幕渲染器)

    9.1/135K

    Dualsub是一款通用字幕渲染器插件,软件功能强大全面,使用后可以帮助用户更轻松便捷的在浏览器显示视频双语字幕,非常方便实用,插件能够在用户使用浏览器观看视频的时候提供双语字幕显示,为用户的视频观看提供了便利。

  • ActiveX for Chrome(网银助手插件)官方版

    9.1/247K

    ActiveX for Chrome是一款非常专业的谷歌浏览器网银插件,这款扩展插件可以让您在不使用IE_Tab等IE浏览器控件的情况下使Chrome浏览器就能够支持ActiveX控件,ActiveX for Chrome 网银助手插件是一款支持在Chrome(谷歌浏览器)中使用

  • Screenity(屏幕记录器和注释工具)

    9.1/5.97M

    谷歌浏览器录屏拓展插件

  • 沙拉查词(聚合词典划词翻译插件)

    9.1/3.53M

    聚合词典专业划词翻译

  • China Weather(chrome中国天气预报插件)

    9.1/26K

    China Weather插件是一款针对chrome的天气小工具,插件可以让你随时随地查看当天的天气,并且还有多种皮肤款式可供选择,是在windows7侧边栏天气预报工具的基础上进行的二次开发,运用中国天气网的数据源,具有多种皮肤可供选择,并且可以自己编写皮肤。

  • AcFun Fix(acfun网页修复插件)

    9.1/39K

    AcFun Fix是一款适用于谷歌浏览器上的插件,在谷歌浏览器上面观看acfun的视频时,会经常出现各种问题无法播放视频,视频黑屏,评论区无法显示等。 因为A站其实随着历史的车轮在不断改版(用户可能看着没太大变化,程序上的API改了蛮多了)于是我尝试着在黑科技内适配新版的API

  • 微小宝微信公众号编辑器

    9.1/56.04M

    微小宝微信公众号编辑器是一款用于编辑微信公众号文章的工具。它提供了丰富的编辑功能,帮助用户方便地创建和编辑高质量的文章内容。使用微小宝微信公众号编辑器,用户可以进行文字编辑,包括字体样式、大小、颜色等的调整,还可以插入图片、链接和表情符号等丰富的多媒体元素,使文章内容更加生动和吸

  • AdGuard广告拦截器(自动屏蔽广告插件)

    9.1/13.53M

    AdGuard广告拦截器是一款广告拦截插件,适用于所有流行平台:Windows、MacOS、iOS、Android。除此之外,还适用于很多浏览器,比如:Chrome浏览器、搜狗浏览器、QQ浏览器、360浏览器、UC浏览器、星愿浏览器等多种,让你尽享安全网络冲浪,忘却广告存在。

  • window resizer插件

    9.0/494K

    window resizer是我们的用户最喜欢的谷歌浏览器中的一个插件,能够让你对浏览器的分辨率进行调整,由此就可以让我们的用户快速调整窗口的大小,喜欢的用户不要错过哦。

  • WhatRuns(Chrome网站技术分析插件)

    9.1/252K

    WhatRuns插件是一款可以帮助用户分析别人的网站的插件,插件能让我们更快的了解前端技术的变化,对于分析网站这种工作能用程序做,就不要手动,毕竟程序又不会累,安装上插件即可使用了。

  • 支付宝安全控件(含pc和mac)

    9.4/9.7M

    支付宝安全控件是支付宝(中国)网络技术有限公司的。它发布公告,针对Firefox(火狐浏览器)用户,正式推出名为“支付宝安全控件(AliPay Security Control)”的Firefox附加组件,开始对非IE内核浏览器进行支持,方便更多用户网上购物时的资金结算。