vue3结合electron

最新推荐文章于 2024-05-14 19:54:04 发布

_前端开发工程师

最新推荐文章于 2024-05-14 19:54:04 发布

阅读量3k

点赞数 1

文章标签： electron vue.js

本文链接：https://blog.csdn.net/dpy521/article/details/124846128

版权

第一步

像平时一样先创建vue3项目，能正常运行之后进行第二步

第二步

执行vue add electron-builder命令，让vue项目变成一个electron+vue的项目

第三步

修改项目中的background.js文件

'use strict'

import { app, protocol, BrowserWindow,ipcMain } from 'electron'
import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'
// import installExtension, { VUEJS3_DEVTOOLS } from 'electron-devtools-installer'
const isDevelopment = process.env.NODE_ENV !== 'production'

// Scheme must be registered before the app is ready
protocol.registerSchemesAsPrivileged([
  { scheme: 'app', privileges: { secure: true, standard: true } }
])

async function createWindow() {
  // Create the browser window.
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true, //开启true这一步很重要,目的是为了vue文件中可以引入node和electron