Vue开发者工具扩展（Edge安装）

Vue开发者工具扩展

【下载开发者工具】：Vue.js.devtools 5.3.4
提取码：6666

Edge浏览器安装方式

1. 点击浏览器右上角的三个点；
2. 点击扩展；
3. 点击管理扩展；
4. 点击左下角的开发人员模式，启用开发人员模式；
5. 将Vue.crx文件拖动到浏览器即可；

默认情况下，Vue.js.devtools的扩展设置中“允许访问文件URL”未启用，如下图：

在该默认情况下，会出现"Vue.js not detected"（Vue.js未检测到。)，如下图：

控制台会出现：

• 此时，Vue 开发者扩展工具未被浏览器检测到。

启用Vue.js.devtools的扩展设置中“允许访问文件URL”

启用后（变化）

启用Vue项目后，F12进入开发者调试模式后

• 出现Vue选项
  
• 控制台中原本提示的下载Vue开发者扩展工具提示也相应消失。

• 本文仅作个人笔记使用，无商用；
• 如若转载，请先声明。