electron
援笔赋惊鸿
人生总是在转角处发现更多的风景
展开
-
electron-builder打包配置
这里介绍的是直接在package.json中直接配置使用:"build": { "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名 "appId": "com.leon.xxxxx",//包名 "copyright":"xxxx",//版权 信息 "directories": { // 输出文件夹 "output": "build" }, "nsis": { "oneClick": false原创 2021-05-27 15:53:55 · 2784 阅读 · 0 评论 -
electron (一) 快速入门
官方文档:https://electronjs.org/docs一、安装配置1、为你的应用创建一个新的空文件夹 Electron2、打开你的命令行工具,从该文件夹运行 npm init 会帮助你创建一个基本的 package.json 文件3、安装electron npm install --save-dev electron4、项目根目录新建main.js文件(入口文件)const { app, BrowserWindow } = require('electron')function转载 2021-05-20 16:05:40 · 362 阅读 · 1 评论 -
electron (二) 暗黑模式
前置代码:electron (一) 快速入门首先,让我们编辑我们的接口,以便可以在光线和暗色的 模式之间切换。 这个基本的界面包含更改 原生主题 设置的按钮,并且包含一个文本元素,指明了哪些 主题 值被选中将以下内容添加到 index.html 文件:<!doctype html><html lang="cn"> <head> <meta charset="UTF-8"> <meta name="viewport" conte原创 2021-05-21 17:16:09 · 1740 阅读 · 0 评论 -
electron 导入ipcRenderer报错
const { ipcRenderer } = require(‘electron’)electron项目中导入ipcRenderer时报错如图所示:原因:为了安全性,官方将 electron v12.0.0 的 contextIsolation 的默认值改了解决办法:在创建窗口方法中添加代码:const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeInteg原创 2021-05-21 16:13:03 · 2374 阅读 · 1 评论