Vue.js devtools(Vue.js调试插件)v5.3.3官方版

Vue.js devtools是Chrome和Firefox DevTools的扩展，用于调试Vue.js应用程序。在浏览器中，您可以在查看页面的同时检查代码，这既方便又实用。

基本介绍

Vue.js devtools是前端开发IT工程师的好帮手。通过Vue.js devtools的数据结构调试工具，可以在浏览器开发工具下调试代码，在窗格页面的同时检查代码。玩vue是数据驱动的，所以有一些问题我们在开发调试的时候看DOM结构是分析不出来的。此时，我们可以通过这个工具下载并使用vue-devtools插件来分析和调试数据结构。

功能介绍

-容易上手

看完指南，用户在已经知道HTML、CSS和JavaScript的情况下，可以立即开始构建。

-多功能

渐进生态系统在图书馆和综合框架之间扩展。

-演示优化

20KB最小gzip操作，快速虚拟DOM，最小优化工作。

您还可以看到它们上次更新的时间。如果他们有自己的主页，可以分类，功能更多。

施用方式

1.下载安装文件

下载插件，在浏览器安全提示下选择【保留】，找到带后缀的下载文件。下载文件夹中的crx。

注意：如果出现安全提示，请选择保留。这是浏览器的默认设置，我们的插件不会伤害你的电脑。

2.打开扩展安装页面

复制chrome ://扩展名并将其粘贴到地址栏中。按回车键进入扩展安装页面，打开右上角的【开发者模式】。

3.安装插件

拖动下载的。crx文件转到扩展安装页面，等待几秒钟，然后在安装弹出窗口中单击添加。