首页 > 技术文章 > 使用源码构建方式安装Google Chrome浏览器插件vue-devtools

devinzh 2019-11-23 16:51 原文

因为墙的原因,不能从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

推荐阅读