在浏览器上安装VueDevtools工具

首先需要安装的就是vue devtools

• 这里我们推荐从github上进行安装

1.GitHub下载地址：

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

2.下载vue-devtools完成后打开命令行选择进入vue-devtools文件夹,使用命令

 npm install  对其进行编译

3.编译通过后

npm run build 

4.通过后，打开vue-devtools的文件夹，打开其中的shells，找到其子文件夹chrome下的 manifest.json 文件，将其中的persistent由false改为true，改完后结果如下图，保存json文件。

5.接下来，打开chrome，在地址栏中输入chrome://extensions 打开chrome扩展程序

6.首先选中开发者模式，接下来点击 加载已解压的扩展程序，在文件夹选择中选择刚刚的chrome文件夹，即将扩展程序加载在chrome中。到此，已经安装完成啦~