手动安装vue-devtools(Chrome)

1. 克隆vue-devtools的github仓库

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

可以将其克隆到Chrome浏览器的插件文件夹中。

通过在浏览器的地址栏输入chrome://version可以查看chrome个人资料路径，在这个路径里的extensions文件夹就是存放插件的文件夹

2. 安装

首先需要进入vue-devtools文件夹中：cd vue-devtools

然后再下载依赖：cnpm install

最后：npm run build

不成功的话注意看看你是不是在vue-devtools文件夹中运行的。

成功后进入shells文件夹下的chrome文件夹中修改manifest.json文件，将其中的"persistent" : false改为"persistent" : true。

然后就可以将vue-devtools中shells中的chrome文件夹拖入Chrome浏览器的扩展程序中。

3.运行

最后需要在vue-devtools文件夹下运行npm run dev。

此时进入localhost:8100（不一定是这个）中就可以看到背景页面。然后Ctrl+c关闭端口，后就可以在其他vue页面中使用vue-devtools了。