准备工作

安装node.js，安装过程中会用到npm命令。

下载vue-devtools工具包

官方地址github：https://github.com/vuejs/vue-devtools/tree/master

选择master分支，大家也可以选择其他分支，自己喜欢就好

下载完成后解压得到目录vue-devtools-master，进入目录，然后执行 npm install，会看到如下安装过程

直到如下过程说明安装成功

然后执行命令：npm run build，出现如下视图，说明工具包构建完成

 

chrome添加vue-devtools插件

 

进入目录： vue-devtools-master ->shells -> chrome ,打开manifest.json文件，修改 persistent 值为 true。

点击浏览器右上角的 ，找到“更多工具 --》 扩展程序”，打开右侧开发者模式，，

点击“加载已解压的扩展程序”

找到已解压的工具包 vue-devtools-master，进入目录 shells --> chrome，选中chrome文件夹。

最后我们会在浏览器右上角看到插件图标，自此插件安装结束。