vue调试神器之vue-devtools

介绍

vue-devtools 是专门调试vue项目的调试工具,安装成功之后,右边会出现一个vue,就可以在线可以调试vue了,非常便捷。

vue调试神器之vue-devtools_第1张图片

安装

由于政策原因,谷歌的插件不能直接安装了已经,需要,也可以本地下载然后安装。

1、通过github下载:https://github.com/vuejs/vue-devtools  (命令: git  clone https://github.com/vuejs/vue-devtools)

2、通过cnpm install 安装依赖

3、通过npm run build 打包

4、谷歌浏览器直接输入chrome://extensions/  进入插件界面

vue调试神器之vue-devtools_第2张图片

vue调试神器之vue-devtools_第3张图片

安装成功之后就可以看到列表里出现了这个插件了,

vue调试神器之vue-devtools_第4张图片

你可能感兴趣的:(vue)