AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

谷歌浏览器chrome安装vue调试插件Vue-Devtools

2024-07-02 515 发布于江西
版权
举报
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 谷歌浏览器chrome安装vue调试插件Vue-Devtools

1. 下载并解压Vue-Devtools

https://codeload.github.com/arcliang/Vue-Devtools-/zip/refs/heads/master

解压后得到

2. 打开谷歌浏览器的应用商店

谷歌浏览器访问 chrome://extensions/  开启开发者模式

3. 安装Vue-Devtools

得到

4. 验证Vue-Devtools是否启动成功

关闭谷歌浏览器，重新打开谷歌浏览器，访问vue项目页面，Ctrl + Shift + i 打开浏览器的控制台，可以看到vue调试页签

文章标签：
JavaScript
Web App开发
开发者
关键词：
浏览器插件
Chrome插件
谷歌浏览器
Chrome安装
浏览器vue插件
朝阳39
+关注
657文章
目录
打赏
0
0
0
0
63
分享
相关文章
蚝油菜花
|
2月前
|
Web App开发 人工智能 JSON
AutoMouser：AI Chrome扩展程序，实时跟踪用户的浏览器操作，自动生成自动化操作脚本
AutoMouser是一款Chrome扩展程序，能够实时跟踪用户交互行为，并基于OpenAI的GPT模型自动生成Selenium测试代码，简化自动化测试流程。
蚝油菜花
205 17
AutoMouser：AI Chrome扩展程序，实时跟踪用户的浏览器操作，自动生成自动化操作脚本
老K（郭云开）
|
2月前
|
Web App开发 安全 前端开发
一个接口4个步骤轻松搞定最新版Chrome、Edge、Firefox浏览器集成ActiveX控件
目前的浏览器市场，谷歌浏览器占据了半壁江山，因此，谷歌也是最有话语权的，2015年开始取消支持 NPAPI 插件，2022 年10月停止支持 PPAPI 插件；而曾经老大哥IE浏览器也已停止服务，退出历史舞台，导致大量曾经安全、便捷的ActiveX控件无法使用。为了解决这个难题，本人特研发出allWebPlugin中间件，重新让所有ActiveX控件能在谷歌、火狐等浏览器使用。
老K（郭云开）
290 14
小白学大数据
|
2月前
|
Web App开发 数据采集 JavaScript
Chrome浏览器实例的TypeScript自动化脚本
Chrome浏览器实例的TypeScript自动化脚本
小白学大数据
99 1
小王老师呀
|
4月前
|
Web App开发 缓存 安全
WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
【11月更文挑战第6天】本文介绍了 WIN11 系统中 Chrome 浏览器双击打不开闪退及不能拖拽文件 crx 的原因和解决方法。包括浏览器版本过旧、扩展程序冲突、硬件加速问题、缓存过多、安全软件冲突、系统文件损坏、用户配置文件损坏等问题的解决方案，以及 crx 文件的屏蔽、权限问题和文件格式问题的处理方法。
小王老师呀
537 2
mao29955
|
4月前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具，可以较为准确地检测 JavaScript 中的内存泄漏问题，并帮助我们找出潜在的泄漏点，以便采取相应的解决措施。
mao29955
668 9
小王老师呀
|
4月前
|
Web App开发 Linux iOS开发
Chrome浏览器如何导出所有书签并导入书签
【11月更文挑战第4天】本文介绍了如何在 Chrome 浏览器中导出和导入书签。导出时，打开书签管理器，点击“整理”按钮选择“导出书签”，保存为 HTML 文件。导入时，同样打开书签管理器，点击“整理”按钮选择“导入书签”，选择之前导出的 HTML 文件即可。其他主流浏览器也支持导入这种格式的书签文件。
小王老师呀
3353 2
我是快乐的嘟嘟
|
5月前
|
Web App开发 JSON 安全
Chrome浏览器的跨域问题
【10月更文挑战第6天】
我是快乐的嘟嘟
839 3
大树营养快线
|
5月前
|
Web App开发 开发者
使用 Chrome 浏览器的 DevTools 检测内存泄漏
【10月更文挑战第8天】
大树营养快线
1722 1
java冯坚持
|
5月前
|
Web App开发 JSON JavaScript
vue学习：chrome 中 vuetools 开发插件 的下载、安装
这篇文章介绍了如何在Chrome浏览器中下载、安装并测试Vue.js开发插件——vue-devtools。
java冯坚持
929 0
vue学习：chrome 中 vuetools 开发插件 的下载、安装
大树营养快线
|
4月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致？
综上所述，模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处，也有不同之处。在实际应用中，需要根据具体的场景和性能需求来选择使用哪种字符串处理方式，以达到最佳的性能和开发效率。
大树营养快线
132 63

热门文章

最新文章

  • 1
    Agent TARS：一键让AI托管电脑！字节开源PC端多模态AI助手，无缝集成浏览器与系统操作
    1522
  • 2
    Browser Use：40.7K Star！一句话让AI完全接管浏览器！自动规划完成任务，多标签页同时管理
    90
  • 3
    Nanobrowser：开源版OpenAI Operator！AI自动操控浏览器，复杂网页任务一键搞定
    29
  • 4
    浏览器智能体崛起：Convergence Proxy为何会碾压OpenAI Operator？
    6
  • 5
    无头浏览器与请求签名技术
    11
  • 6
    Click Event Simulation：无需浏览器触发动态数据加载
    4
  • 7
    浏览器渲染揭秘：从加载到显示的全过程；浏览器工作原理与详细流程
    8
  • 8
    Umami：自建网站访问统计服务，突破浏览器广告拦截
    21
  • 9
    Cline：29.7K Star！一文详解VSCode最强开源AI编程搭子：一键生成代码+自动跑终端+操控浏览器...
    79
  • 10
    AI编程：Coze + Cursor实现一个思维导图的浏览器插件
    12
  • 1
    C# 网页截图全攻略：三种技术与 Chrome 路径查找指南
    104
  • 2
    AutoMouser：AI Chrome扩展程序，实时跟踪用户的浏览器操作，自动生成自动化操作脚本
    205
  • 3
    Chrome 插件上架发布全流程指南
    351
  • 4
    一个接口4个步骤轻松搞定最新版Chrome、Edge、Firefox浏览器集成ActiveX控件
    290
  • 5
    Chrome浏览器实例的TypeScript自动化脚本
    99
  • 6
    Node.js 是一种基于 Chrome V8 引擎的后端开发技术，以其高效、灵活著称。本文将介绍 Node.js 的基础概念
    96
  • 7
    WebChat：开源的网页内容增强问答 AI 助手，基于 Chrome 扩展的最佳实践开发，支持自定义 API 和本地大模型
    476
  • 8
    WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
    538
  • 9
    Chrome浏览器如何导出所有书签并导入书签
    3353
  • 10
    让Chrome支持小于12px的文字方式
    76

    • 相关课程

    更多
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • React 入门教程开发文档
  • jQuery开发教程
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • 前端自动化构建工具 Webpack

    • 相关电子书

    更多
  • WEB浏览器中即将发生的安全变化
  • 基于浏览器的实时构建探索之路
  • 基于浏览器的实时构建探索之路--玄寂

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
  • CSS基础教程
  • 搭建Node.js编程环境
    • 下一篇
    阿里云oss简介和如何对接使用
    目录