一、安装chrome访问助手

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

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

点击下载之后解压出图片描述

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

tip:

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

二、安装vue-Devtools
访问chrome商店vue-Devtools最简单的安装方法-脚本宝典
在搜索框输入vue搜索即可图片描述

我这里已经安装,你们可以点击添加就可以了vue-Devtools最简单的安装方法-脚本宝典
成功之后chrome浏览器右上角出现vue-Devtools最简单的安装方法-脚本宝典
打开你的vue页面,F12看到图片描述

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

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

本文固定链接: http://www.js-code.com/vue-js/vue-js_24725.html