electron和vue的使用和报错

正常用脚手架搭建web项目，运行项目成功后下载electron （yarn electron），如果是14版本以上的要使用remote模块的下载@electron/romte，否则会报错
使用使用electron-builder集成，要注意两个方面node环境要14以上，报错command failed: yarn add vue-cli-plugin-electron-builder -D --tilde，使用命令yarn config set strict-ssl false；删掉node_module,重新yarn install并执行 vue add electron-builder，等待安装成功即可

第一种方式

在package.json添加electron启动配置{“scripts”： {“electron”:“electron .”}}并且配置入口文件{“main”:“main.js”}

根目录创建main.js

let electron = require('electron')
let app = electron.app // 引用app
let browserWindow = electron.BrowserWindow // 窗口引用
let mainWindow = null // 声明要打开的的主窗口
app.on('ready', () => {
  mainWindow = new browserWindow({
    width: 900,
    height: 900,
    webPreferences: {
      nodeIntegration: true,  // 主程序使用node环境
      enableRemoteModule: true, // 窗口打开通信
      contextIsolation: false, // 子进程调用node环境
    }
  })
  // 嵌入网址
  mainWindow.loadURL('http://localhost:8080/') // 上线就使用dist文件

  mainWindow.on('closed', () => {
    mainWindow = null
  })
})

本地测试是否成功：
先运行vue项目，后运行electron

第二种方式就是 使用electron-builder

后续参照该链接：https://juejin.cn/post/6913829610748641287#heading-29