前端就是用的electron+vue3+vite+ts制作的。 由于第一次使用electron搭建桌面应用,开发过程中没什么问题,打包完成后就出现各种问题,现在就说说出现多个窗口问题,就是我已经打开了应用窗口,又去点击桌面图标又打开了一个窗口,每点击一次又出现一次,这种不是我想要的。 我想要的是始终只打开一个窗口,如果已经打开了窗...
//标题data:null,//传入数据参数width: '',//窗口宽度height: '',//窗口高度minWidth: '',//窗口最小宽度minHeight: '',//窗口最小高度x: '',//窗口相对于屏幕左侧坐标y: '',//窗口相对于屏幕顶端坐标resize:true,//是否支持缩放maximize:false,//最大化窗口isMultiWin:false,//是否支持多开窗口...
非常简单,没有几步就能快速手动搭建vue3+electron项目,下面就能愉快的开发了。 一般项目中需要新建多开窗口的功能,使用Electron来创建也是非常简单的。一般的实现方法是newBrowserWindow({...})窗口,传入参数配置即可快速新建一个窗口。 打开A窗口打开B窗口打开C窗口import path from'path'import { remote } from'ele...
每一个新窗口都会产生一个窗口 id。 为了让每个窗口产生关联,需要给每个窗口配置参数中带上 parentId 字段。 关闭窗口或者其它 electron 操作事件时,都根据窗口 id 来获取到对应的窗口。 3.3 渲染进程调用 在渲染进程中我们使用@vueuse/electron 模块方便的进行主进程与渲染进程之间的通信,比如我们打开一个新窗口,可...
【win&mac】30分钟学会Vite创建和打包Electron+Vue3,前端跨平台桌面应用零基础入门教程【2024新版ESM规范】共计6条视频,包括:1.基于 Vite 创建 Vue3 项目、2.安装和配置 Electron、3.兼容 mac等,UP主更多精彩视频,请关注UP账号。
Vue3 添加vue依赖 复制 npm install--save vue 1. 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。 复制 import{defineConfig}from'vite';importvuefrom"@vitejs/plugin-vue";// https://...
针对于我们当前的Electron+Vue3+TS项目,主要实现以下需求。 需求如下: 在渲染进程中,直接调用某个方法即可打开新窗口。 默认打开的新窗口是一个子窗口。 打开新窗口方法可以接收参数。 可以传入路由地址,新窗口渲染此路由地址页面。 可以传入窗口样式,如宽高、背景色、是否显示默认菜单栏等等。
主窗口加载index.html新窗口加载second.html如下一、创建second.html 二、在vite.config.js加入以下内容 三、electron的主入口...
1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: $ yarn add --dev electron concurrently cross-env electron-builder wait-on ...