Electron 手动添加 vue-devtools

被墙了，导致 electron-devtools-installer 无法下载相关文件，无耐只能自己找解决方案了

具体解决如下

1. 获取 vue-devtools 的相关文件

最快方式，从我的百度网盘下载：

链接:https://pan.baidu.com/s/1GMerDVyWK6GRFDBpHhZSmQ  密码:nank

下载完成后，解压到本地路径（路径自己随意）

2. 在App的ready事件中，添加以下代码

const { app, BrowserWindow } = require("electron");

app.on("ready", () => {
  // 下面的路径填写你下载文件解压后的路径
  let toolsPath = `/Users/shangdeju/Library/Application Support/Google/Chrome/Default/Extensions/nhdogjmejiglipccpnnnanhbledajbpd/5.3.3_0`;
  // 这个API会返回插件的扩展名
  BrowserWindow.addDevToolsExtension(toolsPath);
});

【备忘】其他方法

1. 使用谷歌商店直接安装vue-devtools扩展，被墙的话，可以使用谷歌商店助手（我已上传到百度网盘，也是从网上down到的资源）

谷歌商店助手链接:https://pan.baidu.com/s/1UiwWfj2PylgU7t_JvmJPpw  密码:t3ht

2. 安装后，查找到vue-devtools扩展的ID信息

 

3. 获取插件的本地完整路径，我的是MAC，通常在 /用户/XXX/资源库/Application\ Support/Google/Chrome/Default/Extensions/nhdogjmejiglipccpnnnanhbledajbpd/5.3.3_0

还是使用最开始的方法，将这个路径替换app ready事件中的路径值即可。

注意：记得查看一下路径下manifest.json文件中 "background" 的 属性  "persistent" 是否为true,如果不是则改为true