Vue-devtools插件20200329记录最简易安装教程

看了很多技术博客有关安装vue-devtools这个插件的教程，基本上不是要翻墙到Google商店下载就是从github上去下载，然后各种命令，还会出很多bug，甚是麻烦。吐槽完，上正题： 笔者在浏览了n个有效和无效教程后，总结如下：(且用且珍惜。省去一切没用的页面打开过程，直奔主题！！) 打开如下网址： chromecj.com/web-develop…

找到写有"本地下载页面"的蓝色标签，点击进入：

按照提示操作后，你的电脑会接收到一个.crx类型的文件，如图：

接下来打开chrome浏览器，找到右上角“三个小点”的位置,点击打开，如下图右上角：

进入：更多工具---扩展程序，如下图注意到右上角有一个开发者模式，

切换到如下图状态：(on模式，即打开模式)

最后，把先前接收到的.crx文件拖拽到chrome的这个开发者模式所在的页面中去，做好如下两个图的配置: 1、保持启用状态打开：

2、允许访问文件网址也保持打开状态：

好了，现在在命令行或者gitbash中启动你的vue项目，打开chrome浏览器就能在调试面板中看到vue插件了，如图：

以后我的每一条专栏都会在标题上记录书写时间，这里教给大家一个学习技巧，看别人的攻略与教程一定要尽量看时间上 距离现在比较近的，前端技术和代码的迭代速度很快，有些旧的教程中显示的内容与你自己操作显示的内容可能有区别， 照着做很有可能带来很多弯路。希望在学习安装vue-devtools插件这个过程中能够给大家带来更快捷的帮助体验，谢谢！