安装Vue-devtools

1. 下载zip
   https://github.com/vuejs/vue-devtools.git

2. 打开cmd，进入项目，运行cnpm install
   

   

   image.png

3. 执行npm run build

4. 打开谷歌浏览器，地址栏输入chrome://extensions/，点击“加载已解压的扩展程序”，选择vue-devtools>shells下的chrome文件夹，添加完成如下图所示。
   

   

   image.png

5. 在调试vue应用的时候，chrome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息。

   
   
   

   image.png