在 Microsoft Edge 浏览器上安装 Vue 项目调试扩展插件 Vue-Devtools

在 Microsoft Edge 浏览器上安装 Vue 项目调试扩展插件 Vue-Devtools本文介绍了如何在 MicrosoftEdg 浏览器上安装和配置 Vue 开发工具 Vue Devtools

大家好,欢迎来到IT知识分享网。

在 Microsoft Edge 浏览器上安装 Vue 项目调试扩展插件 Vue-Devtools

1、设置浏览器的扩展选项

打开浏览器右上角的设置与其他(快捷键 Alt+F),选择扩展
进入扩展设置页面后,在页面的左下角将开发人员模式允许来自其他应用商店的扩展两个选项打开

在这里插入图片描述

2、使用 Edge 浏览器打开谷歌应用商店

打开 Chrome 扩展商店,在搜索栏搜索 vue.js devtools
选择提供方为:https://vuejs.org 的扩展

在这里插入图片描述

3、下载并添加扩展

点击右上角的 添加至 Chrome 按钮
添加成功后,进入扩展设置页面,找到 Vue.js devtools 扩展,点击详细信息,勾选允许访问文件 URL收集错误选项

在这里插入图片描述

至此,安装扩展插件就已经完成了

4、使用

在浏览器的页面,当浏览器检测到 Vue 时,右上角的扩展栏中的 Vue 图标会变为绿色(没有则为灰色)

在这里插入图片描述

同时,鼠标右键检查(快捷键 Ctrl+Shift+I)打开开发者工具就能够使用 Vue-Devtools 了

在这里插入图片描述

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/158251.html

(0)
上一篇 2025-01-25 15:33
下一篇 2025-01-25 15:45

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信