前端vue调试工具：chrome浏览器vue-devtools安装方式详述

概述

1. vue-devtools官方文档，也可按照官方文档操作
2. 下面将介绍chrome集成vue-devtools的两种方式

一、谷歌官方应用商店搜索安装

1. 通过扩展->扩展程序->访问chrome应用商店输入vue-devtools搜索插件即可

二、通过打包官方源码生成压缩包，管理扩展程序中加载对应的打包文件即可

1. 下载源码选择对应的版本tag官方源码
2. 我们这里选择最新版本v6.5.1
3. 下载压缩包，或clone都可以*（- 克隆命令：git clone https://github.com/vuejs/devtools.git

1. 安装依赖以及打包，命令yarn&&yarn build
2. 管理扩展程序->加载已解压的扩展程序- 文件夹选则当前文件下的packages\shell-chrome
3. 扩展成功预览
4. tips- 打包成功后，仅仅保留packages\shell-chrome文件夹即可，其余可删除- 最终文件已打包上传到百度云（扩展时直接使用该解压包即可）提取码：0408