1,下载地址,https://download.csdn.net/download/fghag888/87558490?spm=1001.2014.3001.5503
下载后,
第一种方法:直接拖动解压后的文件:devtools_6.5.0_chrome.zzzmh.cn.crx
到chrome浏览器,开发者扩展程序里.
![](https://i-blog.csdnimg.cn/blog_migrate/ff6298f16152b924213f869c3492b4f0.png)
完成这一步,直接跳到看,第9步.
第二种方法:1,下载后,解压找到文件位置如果你的解压在D盘,那么
D:\devtools-add-remote-devtools\devtools-add-remote-devtools\shells
找到chrome文件夹.找到然后打开文件
![](https://i-blog.csdnimg.cn/blog_migrate/4082eba139e172b05a7000df9c642425.png)
2,打开:mainfest.js文件,修改文件的相应位置为:
![](https://i-blog.csdnimg.cn/blog_migrate/6d272e0d92744ec2f04541f5b7d02be0.png)
3,点击chrome,先点击开发者模式打开,然后,点击加载一解压的扩展程序.
![](https://i-blog.csdnimg.cn/blog_migrate/88ecc09edf22dcaee064355e56278767.png)
4,拖动进赖这个框内.或者一步步找到相应的chrome路径
![](https://i-blog.csdnimg.cn/blog_migrate/31a1205e85cdcbe0e7c32ca26f5a98af.png)
5,下载后出现上面的图.证明hook.js文件位置不对,我们到文件看看.发现,hook.js在src里,所以改文件路径为:src/hook.js 其它文件也依次改为相对应的路径.
![](https://i-blog.csdnimg.cn/blog_migrate/0823538760b0b9542f5e26c1afd1777c.png)
6,改完如下图.大家也可以对应一下:注意划红线的文件,在你的文件的什么位置.不管哪个版本,都需要注意下文件位置.
![](https://i-blog.csdnimg.cn/blog_migrate/241b2809d58a5fcb13e796f8e55aac0f.png)
7,再次回到chrome加载:出现下图就加载成功
![](https://i-blog.csdnimg.cn/blog_migrate/d983208c8f001f98936b1eaf2903aa72.png)
9,打开chrome调试程序.
![](https://i-blog.csdnimg.cn/blog_migrate/4360d2f50c1f050fe06e445dd020775e.png)
10,大家看到vue插件安装好后,图标为灰色.那么可以看到,在控制台也没有发现vue
解决方法为:打开插件详情.打开
![](https://i-blog.csdnimg.cn/blog_migrate/7a65c764ff9594213b47e9a39e97020c.png)
11,搞定!开始你的开发之旅吧.