electron 改变窗体大小

相关链接: electron-vue 集成 element-ui 在开发 electron 的时候遇到了需要在 render 中修改 BrowserWindow 窗口大小的方式,经过一番尝试,有两种方法实现: 通过 ipcRenderer 与 ipcMain 的通讯来实现 通过 render 的 remote 模块来实现 ipcRenderer 和 ipcMain 实现 实现原理是 render 进程通过 ipcRenderer 与 ipcMain 进行通讯以通知 main 进程操作窗体操作。 在 render 引入 ipcRenderer let {ipcRenderer} = require('electron') 发送同步消息给 main 进程 ipcRenderer.sendSync('synchronous-message','logined') 在 main 中监听同步消息,并处理 logined 消息操作 ipcMain.on('synchronous-message', (event, arg) => { if (arg === 'logined') { mainWindow.resize(1000, 1000) } }) remote 方式是实现 引入 remote 模块...

April 13, 2019 · 1 min · 云溪

electron-vue 集成 element-ui

简介 什么是 electron Electron 是由 Github 开发,用 HTML,CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库。 Electron 通过将 Chromium 和 Node.js 合并到同一个运行时环境中,并将其打包为 Mac ,Windows 和 Linux 系统下的应用来实现这一目的。 Electron 于 2013 年作为构建 Github 上可编程的文本编辑器 Atom 的框架而被开发出来。这两个项目在2014春季开源。 目前它已成为开源开发者、初创企业和老牌公司常用的开发工具 什么是 electron-vue electron-vue 是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具,加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如vue-router、vuex 等等 什么是 elecment ui Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型 安装 electron-vue # 安装 vue-cli 和 脚手架样板代码 npm install -g vue-cli //如果你已经安装忽略此处 vue init simulatedgreg/electron-vue my-project # 安装依赖并运行你的程序 cd my-project yarn # 或者 npm install yarn run dev # 或者 npm run dev 运行结果如下:...

April 4, 2019 · 1 min · 云溪