vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去

vue-devtools依赖包，便于在浏览器调试Vue项目，可以方便快捷的找到所需的内容，在浏览器上方有个高亮的绿色vue就是

Vue.js devtools是基于google chrome（谷歌）浏览器的一款调试vue.js应用的开发者浏览器扩展 内涵vue.js.devTools插件 及其安装方法 手动加载到chrome浏览器的扩展程序中

chrome浏览器安装devtool插件 1、右上角点开 更多程序-扩展程序 2、打开开发者模式 3、加载已解压的扩展程序 4、选择文件夹 shell-chrome 5、完成

vue-DEVTOOLS浏览器直接安装。查看过很多博客大多数都是，要安装Vue-Devtools，在一个github下面用git clone或者手动下载一个叫做vue-devtools-master的文件。然后呢，你就要用npm进行install，然后再npm install build。所以这意味着你又要去找npm来装，你会发现，最简便的方法就是下一个集成的node.js。一番辛苦了之后，你就会发现npm安装好了之后，npm install build又会出现一大串的问题。请问哪有那么多时间去google，baidu这些问题？ 该文件可以直接在google中扩展安装。不用再去npm了。一秒完成

vue调试插件 记录方便以后使用的时候查找

大家都说去什么官网github上下载，完了先npm install ，再npm run build，再修改一个文件，事实上，你去运行就发现一堆问题，这里出一个终极版文件。

vue-devtools扩展程序

vue devtools chrome扩展离线下载

安装vue-devtools时，npm install总是报错的解决方案 亲测有效！！！