Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。

1首先在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools

 

 

2、下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖,然后执行npm run build,编译源程序

 

3、编译完成后,进入目录结构如下vue-devtools-master\shells\chrome:

4、修改mainifest.json 中的persistant为true:

 

 

5、打开谷歌浏览器的设置—>更多工具—>扩展程序,并勾选开发者模式,将chrome文件夹拖拽到谷歌浏览器上


6、啦啦啦吐舌头  完成

在谷歌浏览器右上角就可以看到啦

版权声明:本文为匿名原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: