安装Vue开发调试插件devtools

第一步：首先下载项目，https://github.com/vuejs/vue-devtools.git（官方网址）。

注意：默认分支为最新的develop分支。develop是测试分支，不是正式分支，最新的develop分支在build时有一些构建问题。所以，稳定版本使用v5.1.1分支和master分支（亲测有效）

提供两种方式：
（1）官网直接下载zip包，然后本地解压
（2）git clone 方式

git clone https://github.com/vuejs/vue-devtools.git

或

git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git

第二步：安装项目所需要的npm包（进入解压目录下）

npm install

第三步：编译项目文件

npm run build

第四步：添加至chrome游览器

游览器输入地址“chrome://extensions/”进入扩展程序页面，
点击“加载已解压的扩展程序...”按钮，
选择vue-devtools>shells下的chrome文件夹。

/**
*如果看不见“加载已解压的扩展程序...”按钮，则需要勾选“开发者模式”。
*/

第五步：修改json文件，保证控制台能看到vue展示
打开vue-devtools\shells\chrome中的manifest.json，将"persistent": false改为true