Electron-vue 开启多窗口 https://www.jianshu.com/p/438e852fa08f 原始:第一种方式 一、index.html <!DOCTYPE html> 开启新的窗口 body { padding: 0; margin: 0; background-color: #FCF6E5; text-align: center; } button { height: 80px; font-size: 36px; border-radius: 6px; back...
非常简单,没有几步就能快速手动搭建vue3+electron项目,下面就能愉快的开发了。 一般项目中需要新建多开窗口的功能,使用Electron来创建也是非常简单的。一般的实现方法是newBrowserWindow({...})窗口,传入参数配置即可快速新建一个窗口。 打开A窗口打开B窗口打开C窗口import path from'path'import { remote } from'ele...
前端就是用的electron+vue3+vite+ts制作的。 由于第一次使用electron搭建桌面应用,开发过程中没什么问题,打包完成后就出现各种问题,现在就说说出现多个窗口问题,就是我已经打开了应用窗口,又去点击桌面图标又打开了一个窗口,每点击一次又出现一次,这种不是我想要的。 我想要的是始终只打开一个窗口,如果已经打开了窗...
1.将vue-router的history禁用,如下: constrouter=newVueRouter({// mode: 'history',mode:process.env.IS_ELECTRON?'hash':'history',base:process.env.BASE_URL,routes}) 2.以在新的窗口中展示showChart为例 src/main/index.jsexample ipc.on('showChart',function(e,data){constmodalPath=process.env.NOD...
Electron-vue使用的单页面配置,由于项目中不可避免存在多个窗口,需要配置多个html地址,使用多页面入口,每个渲染进程窗口都是独立的,每个页面拥有自己的状态、视图。 调整webpack配置 1.新增muti-page.config.js文件 constglob=require('glob');constpath=require('path');constPAGE_PATH=path.resolve(__dirname,'.....
electron开发笔记——多窗口通信 要实现的功能背景: 实现一个互动答题,一个窗口为题目,一个窗口为答案。 后端一个接口返回了相关业务信息,前端拿到数据,在本地处理,在答题过程中不请求后端。 electron+vue 项目搭建 推荐使用 electron-vite,直接构建(链接:https://cn-evite.netlify.app)...
electron-vue3 一个基于 electron & vue3 多窗口模式的模板 ❗注意 vue or vue-router 版本 使用的yarn进行管理 可自行换npm 引入依赖问题 外部不会被打包进asar包内: 所有外部依赖放入到 src/lib/extern 调用src/lib/index.ts 内getExternPath() 方法可获取 调试和打包 对应路径 内部 会被打包进asar包内...
代码使用TypeScript,vue-setup 脚手架electron-vite 开发环境:window,node:v16.15.1,pnpm:v7.9.0 本文知识点 使用electron ipc 进行渲染进程和主进程的通行 主进程使用单例模式和Map对多窗口进行管理 使用electron-updater进行软件更新 项目效果图 项目搭建 ...
首先接到了一个需求。在一个electron里面点击按钮,可以打开一个新的窗口,读取的也是对应的跳转页面(此处用的vue-router)。之前踩过了许多坑,有很多插件。多屏方法...