安装vue-devtools

一、vue调试工具

一般情况下，可以使用chrome浏览器的应用商店，安装最新版的vue-devtools。
特殊情况，需要自己下载安装，比如我需要安装较低版本。

1. 参考地址

git地址：https://github.com/vuejs/vue-devtools
安装参考：https://www.cnblogs.com/james23dong/p/8250797.html
4.1.5版本地址：https://github.com/vuejs/vue-devtools/releases/tag/v4.1.5

2. 安装步骤

1、到github去下载项目

• 旧版本：
  点击下载安装包 v4.1.5
• 最新版：
  可以下载下来，也可以直接拉取项目
  git clone https://github.com/vuejs/vue-devtools

2、执行以下命令
cd vue-devtools //进入当前目录
npm install //下载依赖
npm run build //打包
　　
3、进入chrome浏览器添加扩展程序

chrome浏览器>> 更多工具>> 扩展程序

（1）勾选开发者模式
（2）点击加载已解压的扩展程序
（选择地址为：安装路径>> vue-devtools>>shells>>chrome），将chrome文件夹导入
（3）点击确定就能安装成功

此时，地址栏右侧出现vue的图标，在vue项目下图标变为亮色，能够在开发者工具中进行vue的调试。