手把手教vue-devtools 工具设置（亲测可用）

**

打开谷歌浏览器右上角点击—>更多程序—>扩展程序

步骤5：
进入谷歌商店，搜索vue

步骤6：

步骤7

步骤8


![在这里插入图片描述](https://img-blog.csdnimg.cn/20201107144316256.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE4MDg2OTc5,size_16,color_FFFFFF,t_70#pic_cente


步骤9
打开浏览器，选择图标固定，点击图钉就可以了，就可以看到图标了

步骤10
搜索浏览器 ，找到谷歌数据存储盘符位置：
这个是我的盘符位置，AppData这文件默认是隐藏的，需要显示出来。点击电脑查看——》显示隐藏的文件，找到这个路径

步骤11
复制谷歌扩展程序id,到这个Goole目录搜索

![在这里插入图片描述](https://img-blog.csdnimg.cn/20201107145336308.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE4MDg2OTc5,size_16,color_FFFFFF,t_70#pic_center

步骤12
修改文件第一行的内容，false改成true

步骤13
重启浏览器，打开哔哔网站就看到“ V” 图标亮起来
也可启动自己的Vue写的项目 V图标亮起来 按 F12 查询调试界面 Vue
注意：有时候 图标没亮，看看自己项目引入的vue.js 不要是压缩版本。