编译安装新版vue-devtools

505 阅读1分钟

最近写vue3项目,之前的 vue-devtools 不管用,就给浏览器们安装了新版本 vue-devtools,无奈 平时常用的306极速浏览器X 扩展中心搜不到它,只好自己去github打包编译安装。 但整个过程早就忘了,在网上搜了篇文章,本来要贴出连接,但昨天搜的,今早起来写这篇时,已经找不到了....抱歉

1.下载源代码

image.png

image.png

2.安装依赖包并编译

  • 解压后,用终端进入 文件夹,并通过 yarn / npm i 安装所有依赖包

image.png

  • 再通过 yarn build / npm run build 编译
  • 编译好的代码在 packages 文件夹,其中有一个 shell-chrome,就是要安装的

image.png

3.浏览器安装vue-devtools

image.png