Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下)

这篇具有很好参考价值的文章主要介绍了Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

devtools对前端来说的好处——开发预览、远程调试、性能调优、Bug跟踪、断点调试等 

下载步骤: 

测试阶段: 


最近做项目要使用devtools这个vue插件。

devtools对前端来说的好处——开发预览、远程调试、性能调优、Bug跟踪、断点调试等 

下载步骤: 

首先先想个办法搞个加速器之类的,好实现科学上网。

在Chrome浏览器中访问以下网址:

Chrome应用商店网址:

https://chrome.google.com/webstore/category/extensions?utm_source=chrome-ntp-icon

访问后的效果:

Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下),前端工具网站/软件/插件,Vue,vue.js,前端

在左上角的搜索店内应用里面,输入devtools

Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下),前端工具网站/软件/插件,Vue,vue.js,前端

Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下),前端工具网站/软件/插件,Vue,vue.js,前端

 然后点Chrome浏览器右上角的

 三个点-设置-扩展程序 

Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下),前端工具网站/软件/插件,Vue,vue.js,前端

上图设置1,2,3这些是为了防止出现显示Vue.js not detected这个情况

Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下),前端工具网站/软件/插件,Vue,vue.js,前端

 记得要打开开发者模式 

Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下),前端工具网站/软件/插件,Vue,vue.js,前端

点devtools的详情

Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下),前端工具网站/软件/插件,Vue,vue.js,前端打开允许访问文件网址

Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下),前端工具网站/软件/插件,Vue,vue.js,前端

然后点左上角的更新 

测试阶段: 

启动一个vue项目

然后F12打开控制台

显示里面多出来一个vue,则表明下载安装devtools成功

Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下),前端工具网站/软件/插件,Vue,vue.js,前端文章来源地址https://www.toymoban.com/news/detail-624288.html

到了这里,关于Chrome浏览器中的vue插件devtools的下载方式(使用Chrome应用商店/科学上网情况下)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Chrome 浏览器安装Vue2、Vue3插件方法 (详细有效)

    因为谷歌商城需要翻墙,很多人进不去,无法下载vue插件。推荐一个好用的网站“极简插件”,里面有很多的谷歌应用插件可以下载。 下载插件地址 点击上方链接,在极简插件里搜索如图下载,根据自己需要进行下载。 点开扩展程序页面,方面后面把插件拖进去  以

    2024年02月12日
    浏览(54)
  • chrome 浏览器在 112 正式版本以及 114 canary 版本从 devtools 控制台复制文本不会复制高亮显示的文本?

    我的 chrome 浏览器版本如下: 版本 112.0.5615.138(正式版本) (64 位) 今天我在写代码的时候报错了,看了一下控制台浏览器,是某个属性没有定义,然后我双击这个属性名称 ctrl + c 复制,最后粘贴的时候发现 文本不正确 , 离了个大谱! 我特意找了一下这个 bug:https://bu

    2023年04月22日
    浏览(63)
  • 【Vue/Js】如何解决谷歌浏览器(chrome)扩展插件安装后,再打开自动消失问题(两种解决方案)

    卸载后,再重新从官网下载最新版安装。 注意:卸载一定要把缓存数据都卸载干净。 1、打开设置  2、选择百度或360 极简插件_Chrome扩展插件商店_优质crx应用 极简插件是一个优质Chrome插件扩展收录下载网站,收录热门好用的Chrome插件扩展,国内最方便的插件下载网站。 htt

    2024年02月05日
    浏览(63)
  • 如何开发一个chrome浏览器插件

    目录 前言 chrome扩展程序 文件结构 manifest.json html和css js 加载插件 调试 总结 当前,chrome浏览器早已成为占据最大的市场份额,也是综合体验最好的浏览器,开发人员使用的浏览器基本都以它为主。 我在使用chrome的过程中,积累增加了很多书签,最多的时候接近上千个,后续

    2024年02月08日
    浏览(60)
  • vue-devtools浏览器调试工具离线安装教程

    vue-devtools浏览器调试工具离线安装是下载源码,通过本地编译之后,在放到浏览器上 [ 不推荐 ]在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools [ 推荐 ]在gitee(码云)下载devtools源码,地址:https://gitee.com/mirrors/vue-devtools?_from=gitee_search 我这边选择是标签里的v6.5.0 然后

    2024年02月09日
    浏览(46)
  • Chrome 浏览器插件 cookies API 解析

    前端开发肯定少不了和 cookie 打交道,此文较详细的介绍下 chrome.cookie 的 API 以及在 popup、service worker、content 中如何获取的 如果需使用 Cookie API ,需要在 manifest.json 文件中添加权限( Permissions )和主机权限( host_permissions )字段 比如,我需要获取 domain 为 .lkcoffee.com 的 cook

    2024年01月21日
    浏览(53)
  • 谷歌浏览器(chrome)安装crx插件

    1、下载crx插件 2、插件扩展名改名为zip 3、解压zip文件 4、打开谷歌浏览器扩展程序 chrome://extensions/ 5、打开开发者模式,加载已解压的扩展程序,安装成功即如图展示    

    2024年02月11日
    浏览(58)
  • chrome浏览器必备5款插件--各个都好使--chrome基础

    办公电脑在使用固定期限后,又到了新换电脑的时候,本次新电脑到手后,在浏览器方面依然选择了已经熟悉的chrome浏览器,有一句话说的对,没有插件的chrome浏览器是没有灵魂的。所以在沿用chrome浏览器后,这次也对前期使用的chrome浏览器插件进行了重新的审视和用途的重

    2024年02月09日
    浏览(41)
  • Chrome浏览器安装Axure-Chrome-Extension插件

    Chrome 浏览器打开 Axure 生成的 HTML 静态文件页面时,会显示如下图 AXURE RP EXTENSION FOR CHROME ,这是因为 Chrom e 浏览器没有安装 Axure 插件 Axure-Chrome-Extension 导致的。 1.下载Axure-Chrome-Extension插件压缩包并解压: 2.打开Chrome浏览器,右上角菜单中找到 “扩展程序---管理扩展程序”;

    2024年02月22日
    浏览(51)
  • chrome 谷歌浏览器 导出插件拓展和导入插件拓展

    给同事部署 微软 RPA时,需要用到对应的chrome浏览器插件;谷歌浏览器没有外网是不能直接下载拓展弄了半小时后才弄好,竟发现没有现成的教程,遂补充; 谷歌浏览器 地址栏敲 在对应的地址下,找到对应的插件存放位置; 在该文件夹中,对应id找到对应的文件 直接引用这

    2024年02月09日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包