1、安装vue.js-devtools插件
vue.js-devtool一共有两种方式下载安装，一种是通过Chrome商店来下载安装，另一种是下载离线资源并安装。相比前者，后者稍微麻烦点，因为网上的资源不太好招。
不过，这里还是介绍一下vue.js-devtools的安装方法吧。
下载离线资源后，在Chrome浏览器中，依次找到更多工具——>扩展程序，然后将离线资源文件（后缀名为crx）直接拖动到上面。如果该离线资源文件是有效的话，那接下来就会跳出一个提示框，让你添加扩展程序。
点击确认之后，即安装完成。
2、vue小图标在Chrome浏览器是亮了，但是在控制台中却找到vue调试
这里有三种解决方案，依次尝试执行即可。
第一种，在Chrome浏览器上，找到更多工具——>扩展程序——>vue.js-devtools——>详细信息，在详细信息的页面，勾选“允许访问文件网址”。
如果第一种无法解决，那么就尝试第二种。在Chrome浏览器中，访问chrome://version/网页，并记下并找到个人资料路径对应的路径。在这个路径下，依次找到Extensions——>vue.js-devtools离线包的资源文件名——>vue.js-devtools离线包的资源文件版本号——>manifest.json。在这个文件中，修改如下
"background": {
# persistent原本是false，现如今改成true
"persistent": true,
"scripts": [ "build/background.js" ]
},
如果前两种依旧无法解决，那么就在你的vue项目中main.js中最上面添加：
Vue.config.devtools = true;
