Vue.js devtools插件是一款用于调试Vue.js应用程序的Chrome和Firefox DevTools扩展工具，一般也被叫做vue调试工具。插件可以在浏览器开发者工具下调试代码，边侧边栏窗格页面，边检查代码，可以通过此工具对数据结构进行解析和调试。Vue.js devtools插件可以边侧边栏窗格中的页面，边检查代码，由于vue是数据驱动的，所以这就存在在开发调试中查看DOM结构并不能解析出什么，但是借助vue-devtools插件，我们就可以很容易的对数据结构进行解析和调试；通过vue调试工具数据结构调试工具可以在浏览器开发者工具下调试代码，边侧边栏窗格页面，边检查代码，通过一些特殊的语法，将DOM和数据绑定起来，无需手动操作DOM，一旦创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新，有兴趣的小伙伴快来下载体验吧！
1、首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择工具选项，然后点击扩展程序来启动Chrome浏览器的扩展管理器页面
2、进入扩展程序页面后将开发者模式打勾
3、找到自己已经下载好的Chrome离线安装文件“ljjemllljcmogpfapbkkighbhhppjdbg.crx”，然后将其从资源管理器中拖动到Chrome的扩展管理界面中
4、松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去，但是谷歌考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示
5、这时候用户会发现在扩展管理器的中央部分中会多出一个拖动以安装的插件按钮，点击添加扩展程序
6、用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去，安装成功
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插件还可以看到它们最后的更新时间，如果它们有自己的主页，还可以对它们进行分类和其他更多的功能。
展开内容
9.1/252K
WhatRuns插件是一款可以帮助用户分析别人的网站的插件，插件能让我们更快的了解前端技术的变化，对于分析网站这种工作能用程序做，就不要手动，毕竟程序又不会累，安装上插件即可使用了。
9.1/148K
Imagus插件是一款可以让你实时预览网页略缩图原图的chrome插件，很多网站喜欢使用略缩图来让网页加载速度更快，不过对于用户来说想要查看原图还得新开页面比较麻烦，还可以让你实时预览原图，只用将鼠标停留在略缩图上就能显示原图，非常方便。
9.1/94K
鼠标点击特效插件是一款好玩有趣的扩展插件，插件操作简单，可以轻松设置点击效果，支持很多特殊效果，可以在软件中预览效果，每个点击效果可以设置，也可以只设置其中一个，支持设置各种效果，通过在弹出内容进行设置，很适合有少女心的用户。
Video Speed Controller(视频速度调节插件)
9.0/749K
Video Speed Controller是一款能够辅助用户调整视频播放速度的工具，大家都知道在各大视频网站上看视频前需要看几秒或者几分钟的广告，你屏蔽不了，但是可以加速让其快速略过，用这个插件就可以实现了，而且该插件可以兼容大部分的主流视频网站。
9.1/9.47M
Ruffle是一款基于Adobe Flash Player技术的开源Flash播放器，它可以在现代浏览器上播放Flash内容。由于Adobe已于2020年停止支持Flash Player，因此Ruffle为用户提供了一种替代方案，以便继续访问和查看Flash内容。
9.1/17.2M
彩云小译插件是一款双语对照网页翻译插件，软件能够让您无障碍的畅游英语网站，中文和英文同显，无需鼠标悬停即可同时看到中文和英文，可翻译多国语言，支持多种语言混合翻译，且英文的翻译质量较佳，并非简单的词组翻译。
9.1/229K
怎么才能复制字幕图片中的文字？今天小编为大家带来一款Copyfish插件，该插件是一款十分优秀好用的OCR扩展辅助工具，插件可以帮助用户精准识别网页中的各种文字内容，不管是视频字幕还是图片文字，它都能轻松识别，并且支持复制。
9.1/24.83M
LastPass插件是一款可以帮助你保存你的所有密码的密码管理器插件，插件采用了强大的加密算法，能够自动登录/云同步/跨平台/支持多款浏览器，保它将保存你的密码给你访问的每台电脑和移动设备，而你仅需要记得一个密码你的LastPass的主密码即可，在使用时，LastPass将
9.0/4.45M
黄山IE修复专家是一款功能强大、操作简单、绿色免费、界面清新、实用性强的ie辅助软件。黄山IE修复专家能够修复经常性易死灰复燃恶意网页所破坏的IE。黄山IE修复专家是专门修复用其它工具不能彻底完全修复的IE、重起系统后又被恶意代码篡改及不能从进程、启动项等清除的、挥之不去、除之不
9.0/82.5M
Keeper插件是一款操作简单且安全的密码管理器和电子数据库，插件通过网络浏览器来安全地储存，创建或自动填写您的登录信息，使用全球最受信赖并且下载量排名第1的密码管理程序及数字保管库来获得保护，插件可以在您的所有设备上生成、存储和自动填充高强度密码，同时还可以安全地存储和保
9.1/3.31M
ublock origin是针对浏览器而开发的一款高效的网页广告拦截器，平时使用浏览器的时候最烦的就是广告，各种广告满屏闪，今天小编就教大家怎么样祛除浏览器上的所有广告，没错是所有广告，用到的是ublock origin，ublock origin软件功能十分强大，几乎可以轻松屏
9.1/135.31M
收藏猫插件是一款可以帮你管理chrome浏览器插件和标签页的工具，该插件之所以好用就是因为它强大的可扩展功能，很多人都在自己浏览器上安装了不少插件，有时候整理起来还挺费时间的，这款插件可以帮你轻松整理浏览器插件，此外还能帮你整理你的标签页，标签页打开太多的时候再也不用担心找不到了
9.0/149K
json-handle chrome是一款可以安装在电脑浏览器上使用的json-handle插件，使用这款json-handle插件可以让你在线使用浏览器编辑您的json代码，可以对JSON格式的内容进行浏览和编辑，以树形图样式展现JSON文档，并可实时编辑的电脑浏览器插件，于J
8.8/1.43M
Flonnect是一款适用于浏览器的免费录屏工具。它可以帮助用户录制屏幕和摄像头，并下载具有清晰音频质量的录屏视频。Flonnect目前提供了Chrome扩展，简化了录制过程，并提供了一系列强大的功能来增强视频效果。
9.1/935K
Steward Plus插件是一款浏览器全能启动器插件，插件是由一个命令输入框，以及一个查询结果下拉列表组成，只需要一个命令就能让电脑去完成一系列操作，如同你的管家一样，自然是很多人心目中的神器。
Midnight Lizard(Chrome自定义浏览器主题插件)
9.1/1005K
Midnight Lizard插件是一款简单实用的浏览器主题风格插件，该插件用于更改页面颜色的插件，可以更改页面的颜色，亮度和对比度，提高可读性并实现夜间模式，您可以为每个喜欢的网站设置不同的配色方案，并为所有其他网站设置默认主题，从预定义方案中选择或创建自己的方案。
