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

在 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 了