admin 管理员组

文章数量: 1184232

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

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

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

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




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

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




3、下载并添加扩展

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





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

4、使用

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


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



本文标签： 插件 器上 项目 Microsoft Edge

版权声明：本文标题：在 Microsoft Edge 浏览器上安装 Vue 项目调试扩展插件 Vue-Devtools 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1727390063a1123768.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。