找了好多教程,只有下面这篇执行下来是成功地,因此记录一下:
原博客:https://www.cnblogs.com/helios-fz/p/14823137.html
首先去码云下载 vue-devtools 的源码:
https://gitee.com/mirrors/vue-devtools/tree/master/
注意这里要下载master分支的,别的分支后面可能会报错。
把下载后的文件解压,放在你喜欢的地方,然后在该文件夹下打开终端:
加载依赖包:
cnpm install
build项目:(注意;build项目的时候还是在master文件夹打开的终端口)
npm run build
build之后的文件夹目录结构如下:
找到 shells -> chrome -> manifest.json,把persistent属性从false改为true:
之后打开Chrome,找到扩展程序页面,打开开发者模式:
点击“加载已解压的扩展程序”,然后选择刚刚的chrome包,就大功告成了: