electron开发环境搭建相关问题

问题记录与解决方案

问题: electron postinstall$ node install.js RequestError: unable to verify the first certificate

解决方案:

npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/
pnpm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/

问题: Electron使用electron-builder打包时下载electron失败或慢

解决方案:

npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/
npm config set ELECTRON_BUILDER_BINARIES_MIRROR http://npm.taobao.org/mirrors/electron-builder-binaries/

开发时启用vue-devtools

解决方案：

1. chrom已经安装好了vue-devtools
2. 查找chrome插件的实际安装目录: %LOCALAPPDATA%\Google\Chrome\User Data\Default\Extensions
3. 查看vue-devtools的ID

4. 在主进程中添加插件

import { app, session  } from 'electron'

// 插件所在目录
const vueDevToolsPath = 'D:/Users/W9011499/AppData/Local/Google/Chrome/User Data/Default/Extensions/nhdogjmejiglipccpnnnanhbledajbpd/6.1.4_0'

// 安装插件
app.whenReady().then(async ()=>{
  await session.defaultSession.loadExtension(vueDevToolsPath)
})

5. 重启应用
6. 效果

详见：DevTools Extension