Vue调试神器vue-devtools 的安装

1.现在node.js 并安装

2.下载vue-devtools插件，地址：https://github.com/vuejs/vue-devtools

3.下载之后，解压文件放在某个盘的某个文件夹下面。
然后通过Windows+R这个快捷键打开“运行”对话框，输入cmd，进入命令行。
在命令行内，进入到解压目录vue-devtools-master目录下。
先执行npm install命令；（执行过程比较长，请耐心等待...）
执行成功后，再执行npm run build命令；

这两个命令都执行成功，就可以关闭命令行了。

4.修改D:\vue-devtools-dev\shells\chrome目录下mainifest.json 文件中persistent的属性为true;  "persistent":true

5.打开谷歌浏览器，设置开发者模式，添加扩展程序文件

选择这个目录D:\vue-devtools-dev\shells\chrome

Vue.js devtools插件在chrome浏览器安装成功后，在浏览器的右上角会存在一个插件图标

打开谷歌浏览器控制台就能看到安装的插件了