vue-devtools是一款用来调试vue应用的浏览器插件，本文手动编译一个Chrome插件，当然你也可以通过Chrome 网上应用店下载。Github地址：https://github.com/vuejs/vue-devtools

下载源码

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

切换到master主分支

git checkout master

安装依赖包

我安装的时候遇到了个文件权限问题，授权一下就ok了

npm i

编译打包

npm run build

成功后会在shells下生成chrome文件夹。此文件夹就是用来放入chrome的扩展程序

添加插件到Chrome

在浏览器地址栏输入：chrome://extensions/打开拓展程序页面

点击“加载已解压的扩展程序”, 找到刚才生成的chrome文件夹，选择 vue-devtools > shells > chrome

vue-devtools使用

按F12就出来了，未完待续......