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的扩展管理界面中，松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去，但是谷歌考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示
5、这时候用户会发现在扩展管理器的中央部分中会多出一个拖动以安装的插件按钮，点击添加扩展程序用户这时候只需要点击添加按钮就可以把该离线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插件还可以看到它们最后的更新时间，如果它们有自己的主页，还可以对它们进行分类和其他更多的功能。
展开内容
查看
查看
8.5/904K
集装箱插件是一款结合了多种功能的谷歌浏览器插件，插件功能全面，简单易用，使用后可以给用户提供很多使用便利，该插件是一个多功能辅助工具的集合，为用户提供浏览器加速，网络磁盘，安全保护等功能。
9.0/148K
淘客助手插件是一款淘客必备推广工具，淘客助手插件操作简单，功能强大，支持一键查询淘客宝贝的佣金、推广数据、隐藏优惠券，销量轨迹查询、店铺数量查询、优质文案、主图视频下载等功能，让大家在推广中获得最有效的数据，从而选择更适合你的淘客推广，达到最佳收益。
9.0/494K
window resizer是我们的用户最喜欢的谷歌浏览器中的一个插件，能够让你对浏览器的分辨率进行调整，由此就可以让我们的用户快速调整窗口的大小，喜欢的用户不要错过哦。
查看
9.1/670K
Ad Terminator是一款帮助用户屏蔽网站上多种样式广告的插件，软件不需要用户开通任何的VIP特殊用户或者让用户做一些所谓的任务老提高使用权限，其对所有的插件用户都一视同仁，其所有的广告屏蔽功能都是免费的，是用户屏蔽网络广告中功能强大且好用的插件之一。
9.1/27.57M
LastPass插件是一款可以帮助你保存你的所有密码的密码管理器插件，插件采用了强大的加密算法，能够自动登录/云同步/跨平台/支持多款浏览器，保它将保存你的密码给你访问的每台电脑和移动设备，而你仅需要记得一个密码你的LastPass的主密码即可，在使用时，LastPass将
9.1/433K
货币转换器插件是一款安装在Chrome浏览器上面的汇率转换器，使用此货币转换器实时计算货币和汇率，您可以在旅行计划中使用它，交易外汇市场，股票交易所，甚至可以使用二元期权来转换世界上任何地方的货币。
9.0/2.72M
NooBox二箱插件是一款用于搜索图片的chrome以图搜图插件，该插件可以直接将图片拖动到软件中进行搜索，实现以图搜图的模式，使用非常简单，支持十多个浏览器同时搜索，您可以选择相应的浏览器进行使用，支持一键打开、关闭搜索引擎让你可以随时随地的使用任何软件进行搜索。
9.1/175K
许多的用户在进行操作电脑的过程里面，经常的需要对音量进行调节，可是系统内置的音量调节到最大之后，就能进行增加或者较小，如果你需要对音量进行增加，所以小编为大家带来Volume Controller插件。
9.5/4.34M
广告助手电脑版是一款免费的网页广告屏蔽软件。它能对视频中的60秒广告、网站的弹窗广告和软件弹窗等等所有网络广告请求进行智能拦截，并且自动进行屏蔽，让用户享受一个绿色的上网环境的同时，还能对打开网页、软件的速度有着大幅度提高。
9.0/4.45M
黄山IE修复专家是一款功能强大、操作简单、绿色免费、界面清新、实用性强的ie辅助软件。黄山IE修复专家能够修复经常性易死灰复燃恶意网页所破坏的IE。黄山IE修复专家是专门修复用其它工具不能彻底完全修复的IE、重起系统后又被恶意代码篡改及不能从进程、启动项等清除的、挥之不去、除之不
9.1/18.91M
httpwatch是由Neumetrix Limited公司打造的一款非常好用功能非常强大的网页数据分析工具，httpwatch集成在Internet Explorer工具栏，包括网页摘要Cookies管理、缓存管理、消息头发送/接受、字符查询、POST 数据和目录管理功能、报告
9.1/292K
百度优化插件是一款专为浏览器搜索引擎开发的搜索结果优化插件，插件可以帮助用户们去屏蔽掉百度，谷歌等搜索引擎上出现的杂乱的广告，还可以对搜索结果进行设置，方便2K用户能够更好的查看结果，此外它还给用户们提供了一些便利的功能，可以让用户们在网页上查询资料时，更加的得心应手。
