[置顶] 极速安装Vue调试神器 vue.js devtools(5分钟搞定)

标签: 极速安装vue.js devtools 5分钟搞定vue.js devtools vue调试神器的极速安装
47人阅读 评论(0) 收藏 举报
分类:

Write By Monkeyfly

以下内容均为原创,如需转载请注明出处。

前提(以下方法只需要5分钟即可完成安装)

  • 前天写了一个 初学Vue + Vue调试神器 vue-devtools 的安装 CSDN博客,里面主要讲了如何安装Vue的调试神器 vue-devtools。由于当时是第一次安装,再加上网上百度到的方法都千篇一律,于是,就按照大多数人提供的通用的方法安装了。
  • 最后安装成功了,是,没错,但是!!!期间耗费的时间简直不要太多
    (能翻墙的话确实比较方便快捷,就不需要做一些无用功了)
  • 毕竟作为一个初学vue的新手,通过自己的摸索和实践,安装这个谷歌浏览器的扩展插件还是比较费时费力的。(前车之鉴,上一篇博客的教程直接可以忽略了,看这里就对了)
  • 今天在群里,又get到一个新的知识点:学到一个全新的,极速安装vue-devtools的方式,简直爽的不要不要的。

【注:可以翻墙的同学可以直接无视了,直接通过谷歌浏览器网上商店自己添加插件就行了,没必要在这里浪费时间了。】

下面让我们正式开始介绍这个终极大Boss

谷歌访问助手(神器在手,插件我有)

说明:只要在谷歌浏览器安装上这个插件,那么你就可以告别翻墙了,安装插件可以说是唾手可得。

网站原貌:

这里写图片描述

开始下载

谷歌访问助手插件下载地址【点击即可下载】

开始安装

谷歌访问助手——chrome浏览器版本【傻瓜式教程安装】

安装成功后

这里写图片描述

注:

  • 安装成功后需要激活才能永久免费使用。
  • 激活谷歌访问助手的方法:【So easy~】
    • http://360.hao245.com (360导航)或者 http://123.hao245.com (hao123导航)设为首页 ;
    • 然后重启浏览器,即可永久激活。

谷歌访问助手激活方法【网址已备好,点击查看】

网址:http://www.ggfwzs.com/sethome/

激活完成后,开启插件

这里写图片描述

开启插件后,浏览器右上角会有图标点亮

这里写图片描述

点击图标,进入谷歌网上商店

进入方式一:【链接已备好,复制到谷歌浏览器的地址栏打开即可:】

https://chrome.google.com/webstore/category/extensions?hl=zh-CN

进入方式二:(如图所示)

这里写图片描述

进入谷歌网上商店,搜索关键字vue devtools

这里写图片描述

在搜索结果中,点击“+ 添加至 CHROME”

这里写图片描述

至此,安装结束,大功告成!(分分钟就装好了)

结束语

安装后记得开启vue.js devtools插件,然后打开一个包含vue语法的HTML文件,就可以进行查看和调试了。

查看评论

vue-devtools安装

下载vue-devtools,并解压 :https://github.com/vuejs/vue-devtools 第一步:找到vue-devtools的github项目,并将其clone到...
  • langeldep
  • langeldep
  • 2017-12-02 11:48:27
  • 1413

ES6学习笔记(字符串拓展)

ES6对于字符串的拓展
  • aa3115386
  • aa3115386
  • 2016-07-28 18:39:03
  • 2734

vue-devtools 必备开发工具

最近在研究vue单页面应用,一步一步用上全家桶,开发避免不了的就是调试工具,因为vue是进行数据驱动的,单从chrome里面进行element查看,查不到什么鸟东西,必须要进行对数据动向进行关查,那我...
  • sinat_17775997
  • sinat_17775997
  • 2017-04-18 09:01:32
  • 23527

vue-devtools在Chrom浏览器上的安装

当使用 Vue 时,官方推荐同时在你的浏览器上安装 Vue Devtools,它允许你在一个更加友善的界面中审查和调试你的 Vue 应用。 1.下载vue-devtools 利用Git Bash工...
  • jagger_guo
  • jagger_guo
  • 2017-09-13 00:11:50
  • 3143

vue调试工具vue-devtools的安装

先导vue-devtools是一款基于chrome浏览器的插件,用于vue应用的调试,这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。第一步:  我们可以先从gith...
  • lzy_1112
  • lzy_1112
  • 2018-01-03 15:26:10
  • 2048

vue devtools

  • 2017年10月30日 16:51
  • 258KB
  • 下载

vue.js的devtools安装

转载自:http://www.cnblogs.com/lolDragon/p/6268345.html安装1.github下载地址:https://github.com/vuejs/vue-devto...
  • zgrkaka
  • zgrkaka
  • 2017-01-19 11:45:10
  • 21264

vue-devtools

  • 2016年12月28日 14:41
  • 154KB
  • 下载

Vue DevTools可使用修正方法

因为工作要求,目前主要在用Vue.js技术栈做开发,调试是必不可少的,这里会用的Vue DevTools的调试工具,问题就出在这里,当用Vue DevTools做调试时,很多时候都不能用,提示没有监测...
  • lecepin
  • lecepin
  • 2017-04-14 15:32:48
  • 8428

关于vue DevTools不能使用的解决办法

最近使用vue发现vue DevTools 不能在本地使用,在网上找了找资料,没看到太满意的答案,于是自己就鼓捣起来了,进chrome扩展中心才发现问题出现在这里: 进去之后你就会发现问...
  • qiphon3650
  • qiphon3650
  • 2017-12-08 17:37:49
  • 752
    个人资料
    持之以恒
    等级:
    访问量: 3706
    积分: 495
    排名: 10万+
    文章存档
    最新评论