大家好,欢迎来到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