本文主要介绍vue调试工具vue-devtools的安装与使用。工欲善其事,必先利其器。快来使用vue-devtools来调试和开发你的Vue项目吧。1.去github下载:gitclonehttps://github.com/vuejs/vue-...2.安装vue-devtools目录下的依赖包:在cmd中打开刚刚克隆的文件目录:(比如我的:F:codevuevue-devtools-master)在这个目录下安装:npminstall3.修改manifest.json文件,将代码中的"persistent":false改为true4.安装完成后,会在这个目录下(比如我的:F:codevuevue-devtools-master)下npmrunbuild5。ExtensionChrome插件Chrome浏览器>更多程序>扩展程序点击按钮加载解压后的程序,选择vue-devtools>shells>chrome放入,安装成功如下图vue-devtools使用即可打开vue项目,打开f12,选择vue即可使用。vue是数据驱动的,所以可以看到对应的数据,方便我们调试:
