准备工作
-
在github上下载
vue-devtools
压缩包,地址:https://github.com/vuejs/vue-devtools -
将下载好的压缩包解压到本地
-
进入解压文件的根目录,执行
yarn
,安装依赖包
-
依赖包安装完成以后,执行
yarn build
-
build
完成后会在packages > shell-chrome > build
目录下看到上图所示的几个javascript
文件
-
找到
packages > shell-chrome
下的manifest.json
,将persistent
的值改为true
"background": {
"scripts": [
"build/background.js"
],
"persistent": true
},
扩展chrome插件
- 打开谷歌浏览器,chrome://extensions/访问谷歌扩展程序页面
- 点击“加载已解压的扩展程序”,将packages > shell-chrome 目录放入之后,如下图:
测试
本地运行一个Vue应用,在谷歌浏览器访问,出现如下图页面,说明扩展chrome插件成功了。