chrome浏览器的VUE调试插件Vue.js devtools

Posted calamus

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了chrome浏览器的VUE调试插件Vue.js devtools相关的知识,希望对你有一定的参考价值。

 
chrome浏览器的VUE调试插件Vue.js devtools
应用商店直接安装
安装成功后在VUE文件打开可以直接调试:
提示效果如下:
F12进入调试状态即可:

 


 

 

安装中出现的问题:
插件安装后无法使用,出现vue.js not detected提示的解决办法
找到插件的安装目录:
(可以通过id搜索ID:nhdogjmejiglipccpnnnanhbledajbpd)
C:\\Users\\liangsuya\\AppData\\Local\\Google\\Chrome\\User Data\\Default\\Extensions\\nhdogjmejiglipccpnnnanhbledajbpd\\3.1.6_0
找到manifest.json文件
将persistent属性改为true
然后就可以正常使用插件调试vue了

以上是关于chrome浏览器的VUE调试插件Vue.js devtools的主要内容,如果未能解决你的问题,请参考以下文章

Vue调试神器之Vue.js devTools

vue.js devtools 怎么使用 chrome

最完整的前端框架 Vue.js 全面介绍

直接拿来用!Vue.js 第三方常用插件盘点 | CSDN 博文精选

如何在WebStorm 2017下调试Vue.js + webpack

如何在WebStorm 2017下调试Vue.js + webpack