脚本宝典收集整理的这篇文章主要介绍了

vue-Devtools最简单的安装方法

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

一、安装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的使用方法就不再说了,网上很多。

总结

以上是脚本宝典为你收集整理的

vue-Devtools最简单的安装方法

全部内容,希望文章能够帮你解决

vue-Devtools最简单的安装方法

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过