![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
electron
文章平均质量分 65
龙易安
这个作者很懒,什么都没留下…
展开
-
electron+vue项目中的通信
在electron+vue项目中,package.json的main所运行的是主进程,代表服务端。vue的部分是项目的渲染进程。主进程和渲染进程的通信通过ipcMain.handle和ipcRenderer.invoke1、在vue中引入ipcRenderer主进程中引入ipcMain没啥大问题。在vue文件中引入ipcRenderer,需要先在vue.config.js中配置 nodeIntegration: true pluginOptions: { electronBuilder原创 2022-04-06 18:23:20 · 4570 阅读 · 1 评论 -
electron打包的一些问题
1、打包配置在vue.config.js中 pluginOptions: { electronBuilder: { builderOptions: { win: { icon: './public/app.ico' }, mac: { icon: './public/app.png' }, productName: 'AppDemo' } }原创 2022-04-06 16:09:35 · 4047 阅读 · 1 评论 -
electron进程间通信
electron进程间通信的目的:通知事件比如在页面中,想要创建一个原生菜单,但是只有主进程才能够创建原生菜单。所以此时,只能让渲染进程(也就是页面)通知主进程创建。数据传输共享数据1、渲染进程通知主进程1、callback的写法在渲染进程通知ipcRenderer.send('hehe',...args)在主进程响应ipcMain.on('hehe',cb)2、Promise的写法在渲染进程通知ipcRenderer.invoke('hehe',...args)在主进原创 2021-05-14 22:32:33 · 520 阅读 · 0 评论 -
electron之hello world
1、项目初始化新建项目文件夹(文件夹名称不能为中文)在文件夹内运行 npm init -ynpm i electron --save-dev 安装electron最小的electron项目应用具有如下文件package.jsonman.jsindex.html2、 在package.json中指定主脚本文件(入口文件)添加一个启动命令"main": "main.js","scripts": { "start": "electron ." },3、在main原创 2021-05-14 22:03:12 · 187 阅读 · 0 评论