- 去git上下载vue-devtools的源码:https://github.com/vuejs/vue-devtools
- 解压到硬盘上,用webstorm打开。
- 运行npm install,安装依赖。
- 修改vue-devtools-dev\shells\chrome\文件夹下的manifest.json,将其中的background.persistent修改为true。
- 运行npm run build,编译。
- 打开chrome浏览器,进入扩展管理页面,开启开发者模式,点击“加载已解压的扩展程序”,选择vue-devtools-dev\shells\chrome文件夹。
若不经编译直接用chrome加载vue-devtools-dev\shells\chrome文件夹,则会提示无法加载背景脚本build/background.js。