vue调试工具

注意：也可以自行安装一个浏览器访问助手，然后去商店里面下载扩展并按照，下面是手动安装。

1、在github官网下载vue-devtools压缩包：https://github.com/vuejs/vue-devtools

2、压缩包解压，并通过命令行进入vue-devtools-dev文件夹中，如下（我的在F盘）：

C:\Users\asus>f:

F:>cd Firefox/vue-devtools-dev

3、输入npm install安装命令进行安装

F:\Firefox\vue-devtools-dev>npm install

4、安装完大致如下：

5、安装之后，输入npm run build进行编译，出现如下结果即为ok

6、编译之后，找到manifest.json 文件（vue-devtools-dev\shells\chrome），将"persistent": false 改成"persistent": true

7、打开Chrome浏览器，点击右上角的菜单——更多工具——扩展程序——开发者模式——加载已解压的扩展程序选中文件中的chrome文件（我的文件路径 F:\Firefox\vue-devtools-dev\shells\chrome），注意安装完需要重启一下浏览器才能使用，使用时打开F12控制台，console的菜单更多里面，点击vue即可