[JavaScript知识库]用vue脚手架搭建electron项目

正常用脚手架搭建web项目，运行项目成功后下载electron （yarn electron），如果是14版本以上的要使用remote模块的下载@electron/romte，否则会报错

在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