vue-Devtools最简单的安装方法

一、安装chrome访问助手

如果你有翻墙就可以不要安装chrome访问助手，不然很难进chrome应用商店。

首先在浏览器上（以使用chrome浏览器为例）安装chrome访问助手

点击下载之后解压出

点击chrome的右上角-》更多工具-》扩展程序，把解压的crx文件拖动至扩展程序页面
出现如图，然后点击添加即可完全安装，如何还是不懂crx文件安装可以参照该链接：怎样在chrome浏览器安装.crx格式插件，然后按照要求进行激活此好玩的插件，

tip:

1.要想永久地使用谷歌访问助手，需要将好123导航设为主页，否则只能免费使用12小时。
2.如果你只是想在Chrome中登陆谷账号同步收藏夹，12小时完全够用了，同步完成后可以卸载谷歌访问助手。

二、安装vue-Devtools
访问chrome商店
在搜索框输入vue搜索即可

我这里已经安装，你们可以点击添加就可以了
成功之后chrome浏览器右上角出现
打开你的vue页面，F12看到

三、使用注意事项
1.你的vue项目使用的vue.js必须是开发版，使用min版不能使用vue-Dectools,当项目上线时候再使用min版即可。

2.vue-Dectools的使用方法就不再说了，网上很多。