关键词：
安装前要检查一下node版本的（node -v）,必须将版本提高到>4.4.7。低版本的node在安装devtools时执行npm install 时报错。如何升级node版本，若在window系统下只能下载node的安装包进行重新安装。查阅给出的方法是在mac系统或者linux下，window尝试多次都是报错，无奈只好重新下载安装包安装 node。
1.github下下载devtools源码：
git clone https://github.com/vuejs/vue-devtools.git
2.在vue-devtools项目文件夹下执行npm install->npm run build
3.将shells/chrome/mainfest.json文件里的persistent：flase 改为true
4.在新版谷歌，更多工具->扩展程序->勾选开发者模式->将上面的vue-devtools文件夹里面的chrome文件直接拖进去，就成功了
使用：打开vue项目，在控制台上选则vue
vuedevtools安装
一、下载到本地，可以通过git等方式gitclonehttps://github.com/vuejs/vue-devtools.git 二、安装项目需要的npm包npminstall//如果太慢可替换cnpminstall 三、编译项目文件npmrunbuild 四、添加至chrome浏览器 查看详情
vuedevtools安装应用
1.https://github.com/vuejs/vue-devtools 从这上面下载VueDevTools；2.npminstall(cnpminstall)&& npmrunbuild ;3.进入到 vue-devtools/shells/chrome/manifest.json，修改persistent为true。4.拖入谷歌浏览 查看详情
vuedevtool的多种安装方式(代码片段)
Vuedevtools的安装两种方式，主要将第二种，略微记录第一种。第一种：通过Chrome网上应用店进行Vuedevtools的安装第二种：通过Github上Vuedevtools的代码进行安装Vuedevtools仓库地址先将其克隆到本地查看目录解构可知ÿ... 查看详情
在edge上安装与测试vuedevtools开发者工具
运行自己的vue文件，发现F12开发者模式下有安装vue开发者工具的提示方案一：直接提供安装链接方案二：手动搜索搜索即可安装好后就让它显示那么如何关闭这不中看的提示信息呢？先根据API文档的config内容，在控制台输入如下... 查看详情
windows下载安装vue开发者工具(vuedevtools)
前言vue开发者工具可以帮助我们提高开发效率，如果不安装控制台老是现在这些东西，对我这种强迫症患者来说痛苦至极,下面我就介绍下我的安装步骤下载安装首先进入vue官网找到如下位置然后就会进入github主页，... 查看详情
安装好vuedevtools后,运行程序打开调试,vue里面空白
...lvue-cli-g全局安装运行vu追问你的意思是我出现安装正确的vuedevtools，在开发者里面有vue，但是点击vue出现空白是因为我的npm不是最新版本？ 参考技术B别人问的事vue-devtool调试工具在谷歌浏览器下怎么一片空白，不是说vue项目空白... 查看详情
从零开始系列之vue全家桶安装调试插件vuedevtools
小白安装前提是会用git,会从github上找东西。第一步： 我们可以先从github上找到vue-devtools的项目，下载到本地。下载vue-devtools链接。克隆方法：gitclone https://github.com/vuejs/vue-devtools.git 第二步： 解压下载好的文... 查看详情
如何安装vuedevtools
参考技术A1.Github上的安装说明估计没有及时更新，版本一升级就容易导致问题出现；@2.技术群里木有人回答；@3.谷歌百度搜索了好久，找不到一个解决的方案；特此，在解决了后，做个记录，预防其他安装此插件的同学掉坑出不... 查看详情
vuedevtools插件安装
原文链接：https://blog.csdn.net/qq_38652871/article/details/106680947 这个真的好用，强烈推荐 直接downloadzip 不要克隆，我试过克隆打包的时候一直报错，克隆的master,dev,v5.1.1都不可以，打包的时候都会报错https://github.com/vuejs... 查看详情
vuedevtools调试工具安装让vue飞起来(代码片段)
安装:1.到github下载：gitclonehttps://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包cdvue-devtoolsnpminstall||cnpminstall--npm&cnpmi到文件夹shells下chrome下打开manifest.json文件把"persistent":false改 查看详情
vue安装(代码片段)
...新日志最新稳定版本：2.6.10每个版本的更新日志见GitHub。VueDevtools在使用Vue时，我们推荐在你的浏览器上安装VueDevtools。它允许你在一个更友好的界面中审查和调试Vue应用。直接用<script>引入观看本节视频讲解直接下载并用<... 查看详情
vuedevtools（修改好了的，亲测可用）
...f0c;直接拖进浏览器即可)-Javascript文档类资源-CSDN下载下载Vuedevtools会出现很多问题，这个是已经修改好的了，直接拖进扩展程序即可更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/weixin_44364444/8537427... 查看详情
vue入门(代码片段)
...其事，必先利其器，在使用Vue时，推荐在浏览器上安装?VueDevtools。你可以更好调试Vue应用。vue可以直接引用最新版本<scriptsrc="https://cdn.jsdelivr.net/npm/vue"></script>也可以下载到本地vue.js####1-2helloworld国际惯例先来个he... 查看详情
Firefox 中的 Vue devtools 未检测到 Vue 3 应用程序
】Firefox中的Vuedevtools未检测到Vue3应用程序【英文标题】：VuedevtoolsinfirefoxnotdetectingVue3app【发布时间】：2021-08-1908:01:55【问题描述】：大家好，我在firefox浏览器中使用Vuedevtools。Vuedevtools在Vue2.6.12应用程序上完美检测。但它在Vue3.0... 查看详情
hbuilderx跟vscode链接到了,怎么获取值
...码层级区分明显。2、调试时谷歌浏览器需要安装vue（即vuedevtools5.1.0）。扩展程序——加载已解压的扩展程序——找到解压的vuedevtools5.1.0文件夹确定即可。3、使用HBuilderX打包使用vscode进行代码编写及调试，命令yarnbuild生成的dist... 查看详情
实践配置vuedevtools(代码片段)
VueDevtools是Vue开发调试工具，虽然网络上很多文章写了如何配置，但是还是走了一些弯路，先记录如下步骤一：gitclonehttps://github.com/vuejs/vue-devtools二：切换到vue-devtools目录，使用yarn下载依赖，yarn对node... 查看详情
实践配置vuedevtools(代码片段)
VueDevtools是Vue开发调试工具，虽然网络上很多文章写了如何配置，但是还是走了一些弯路，先记录如下步骤一：gitclonehttps://github.com/vuejs/vue-devtools二：切换到vue-devtools目录，使用yarn下载依赖，yarn对node... 查看详情
vue调试神器vue-devtools的安装(代码片段)
...动向的。未安装的情形：浏览器的控制台会提示你：下载vueDevTools扩展以获得更好的开发体验；（插件的GitHub地址：https://github.com/vuejs/vue-devtools）您 查看详情