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

Vue-Devtools 插件是一个 Vue 项目的调试插件
Microsoft Edge 浏览器是基于 Chromium 内核的

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 了

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

Microsoft Edge浏览器上不了网,其他浏览器可以
怀疑是VPN缘故,使用VPN后就可以上百度了.但是不科学. 最终解决: 打开设置-->隐私.搜索和服务右侧鼠标滚到安全性当初抽风选了谷歌的服务商,我们都访问不了这个服务商,怎么能用它. ...
在linux中安装浏览器吗,教你如何在 Linux 中安装 Microsoft Edge 浏览器
Edge浏览器最初是在Windows 10上发布的,随后是Mac OS,X Box和Andoird.开发版据说是预览版,旨在让想要在Linux上构建和测试其站点和应用程序的开发人员使用. 目前尚无法使 ...
如何安装Microsoft Edge浏览器驱动
1.右键Edge浏览器驱动--打开文件所在位置,然后在该目录下你能看到该浏览器的版本号 2.到https://developer.microsoft.com/en-us/microsoft-edge/ ...
RedHat7.8安装Microsoft Edge浏览器
RedHat7.8安装Microsoft Edge浏览器安装准备下载microsoft-edge安装包网址:https://www.microsoftedgeinsider.com/zh-cn/ ...
Microsoft Edge浏览器安装Chrome浏览器主题
Microsoft Edge浏览器安装Chrome浏览器主题 Microsoft Edge浏览器设置进入应用商店 Chrome商店官网: 国内Chrome插件网站安装Chrome主题插件搜索主题 ...
microsoft edge浏览器安装驱动
microsoft edge浏览器安装驱动) 一.背景新入手了一台PC,安装的是win10系统,内置浏览器是edge,也是第一次用.那,想用来做跑selenium的web自动化.需要安装一个edge ...
解决联想电脑上Microsoft Edge浏览器主页锁定hao123无法更改的问题
我的联想电脑重装系统后发现,Microsoft Edge浏览器的主页一直锁定在hao123的首页,且更改完网址后,再次打开Edge还是显示hao123. 查找了一下原因,发现是自家的联想电脑管家锁定了 ...
再见！微软宣布终止对旧版 Microsoft Edge 浏览器的支持
微软宣布自 2021 年 3 月 9 日起终止对旧版 Microsoft Edge(Microsoft Edge Legacy)浏览器的支持. 旧版 Microsoft Edge 是基于 EdgeHT ...
Chromium Microsoft Edge 浏览器现已可供下载
Joe Belfiore 宣布,新的基于 Chromium 的 Microsoft Edge 浏览器现已可在 Windows 10,Windows 7,Windows 8.1 和 macOS 上手动下 ...

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

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

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

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

3、下载并添加扩展

4、使用

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

最新文章

热门文章