vue单页面应用的开发，那么调试工具是必不可少的,那么vue-devtools就是首选的开发利器。
因为vue是数据驱动运行的，所以在谷歌的f12之后的element基本一脸茫然，所以按照下面的步骤一步一步的安装vue-devtools:
1、gitHub的下载地址：https://github.com/vuejs/vue-devtools
2、下载成功之后，解压，cmd进入vue-devtools-master文件夹
安装依赖：npm install
之后进行build，npm run build
注：建议安装一个cnpm；
3.然后打开shells>chrome>src>manifest.json 把里面的"persistent": false改为true
4、打开chrome的设>更多工具>扩展程序>点击开发者模式>点击加载已解压的扩展程序，然后将shells>chrome文件夹放入就ok了
5、打开一个用vue写的网页，再打开chrom调试工具你就会发现有一个vue的工具，那么就大功告成了
网友评论