Vue DevTools有两种安装方法
下面我将逐一介绍这两种安装方法
1. 通过谷歌应用商店进行安装
- 打开Chrome浏览器
- 点击最右边的选项，再点击更多工具，点击扩展程序
-
在最右边打开扩展程序
-
再点击左边的扩展程序选项，打开Chrome网上应用商店
-
如果发现Chrome应用商店打不开可以到网上下载一个谷歌访问助手，将谷歌访问助手安装在扩展程序中，将其打开，就可以进入Chrome应用商店了
- 在Chrome商店搜索"vue devtools"直接添加至Chrome
- 然后把manifest.json文件里面的"persistent":false改成true,就可以啦
2. 手动下载安装
点击进入GitHub下载压缩包：https://github.com/vuejs/vue-devtools
注意：最好是下载master分支的压缩包，这个分支的压缩包为最稳定的压缩包
- 解压到自己指定的路径
- 通过命令行进入自己解压的目录
- 安装依赖包
npm install
如果出现以下错误：
是因为解压的文件里面没有package.json，可以通过
npm int -y自动创建一个，创建好后再执行一次npm install就可以了，然后在build以下npm run build就好了
- 打开Chrome浏览器，进入扩展程序开发者模式，加载已解压的扩展程序
- 然后把manifest.json文件里面的"persistent":false改成true
- 选择自己解压目录中的chrome，就安装成功了