vue-devtools在Chrom浏览器上的安装

   当使用 Vue 时，官方推荐同时在你的浏览器上安装 Vue Devtools，它允许你在一个更加友善的界面中审查和调试你的 Vue 应用。

1.下载vue-devtools

   利用Git Bash工具从GitHub上将vue-devtools项目clone到本地：$ git clone https://github.com/vuejs/vue-devtools.git

2.修改persistent:

在目录 vue-devtools>shells>chrome>下修改 manifest.json文件中的”persistent”: false（将false改为true）,如图所示：

    修改之后保存，编译一下：    $ cnpm i    $ cnpm run build    编译成功后，下一步……

3.安装配置好的这个扩展：

    打开Chrome，在地址栏输入chrome://extensions/，直接进入Chrome的扩展。    1）选中：开发者模式--->（点击）加载已解压的扩展程序-->(选中vue-devtools\shells目录下的chrome文件夹)

    安装完成后，打开vue项目，按F12可以看到如下图所示，接下来就可以开始的vue项目调试之旅喽。