使用源码构建方式安装Google Chrome浏览器插件vue-devtools

因为墙的原因，不能从Google Chrome浏览器的应用商店安装插件，只能先下载插件到本地，用离线方式安装

vue-devtool工具是开发基于vue项目的必备工具，使用源码构建后的安装包安装可以得到最新的功能

1.从Github上将vue-devtool源码clone到本地(https://github.com/vuejs/vue-devtools)

注：仔细查看readme文档

2.执行yarn install安装依赖包，时间长短取决于网络环境

3.执行yarn run build构建，得到packages文件夹，里面的shell-chrome即为vue-devtool的chrome插件离线文件

4.打开Google Chrome浏览器，选择更多工具/扩展程序打开扩充程序页面

5.点击【加载已解压的扩展程序】，选择第3步中的shell-chrome文件夹，即可安装

注：Google Chrome浏览器不能关闭开发者模式，否则不能使用vue-devtools

使用源码构建方式安装Google Chrome浏览器插件vue-devtools

原文：https://www.cnblogs.com/devinzh/p/11918688.html