vue-devtoools开发工具的安装

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的工具，那么就大功告成了