Vue安装调试工具crx直接拖安装不了解决方案

初学Vue，想安装vue的调试工具到自己谷歌浏览器里.网上博客大多都是教你去GitHub下载，然后安装等等操作。但是亲测之后。下载完之后首先需要node环境。进而需要安装webpack的相关东西才可以进行解压，解压过程还会遇到七七八八的问题，无法解决。

vue调试的crx工具很方便的解决了这些痛点

直接拖拽进来安装即可。但是很多谷歌新版的同学拖拽之后报错

痛吗？难受吗？安装不了。难受啊。

好了，解决方案……

把后缀改成zip…桌面自己新建一个文件夹，放进去解压，然后解压用谷歌的

 

加载进来之后，按照网上的一些小操作，调整开启一些东西。

在扩展程序点击详细信息，打开这两个

右上角会有个vue的小图标。进入B站，图标就会亮起来了，别问为什么，因为B站就是vue开发的。

然后打开F12.发现没有调试的vue的选项？？？

因为B站人家vue文件压缩了，不给你调试= =

然后你自己开发中，在你的html页面里引入的vue.js文件中，你可以进行一些，小修改。

找到你自己的vue.js文件，搜索devtools.按照我这个配置去配置吧。（注意：你自己的vue.js文件不要用压缩的。用正常的就行了）

然后用谷歌测试你自己的页面。

就会惊喜的发现调试选项出来了。

千万不要，去什么GitHub下载，自己安装，你会哭。相信我。叫我雷锋。