electron从入门到打包exe

1.安装electron

npm一直失败,我就cnpm安装的

2.创建一个简单示例:

新建一个文件夹,然后cmd
先搞个package.json:

npm init -y

然后再添加electron依赖

cnpm install electron

然后再写个main.js

const { app, BrowserWindow, Menu } = require('electron')function createWindow() {const win = new BrowserWindow({width: 800,height: 600,webPreferences: {nodeIntegration: true}})win.loadURL('http://baidu.com')win.webContents.on('dom-ready', () => {win.webContents.executeJavaScript(``);})
}//Menu.setApplicationMenu(null);app.whenReady().then(createWindow)

然后这个文件夹中一共就三项:
package.json
main.js
node_modules
然后配置一下package.json::

  {"name": "666","version": "1.0.0","description": "","main": "main.js","scripts": {"start": "electron .","packager": "electron-packager . fukaiitapp --out fukaiitapp --arch=x64 --overwrite --ignore=node_modules ",},

然后如果要跑起来:

npm run start

如果要打包成exe:(具体配置在package。json中的 “packager”: "electron-packager . fukaiitapp --out fukaiitapp --arch=x64 --overwrite --ignore=node_module --electron-zip-dir= …/electron-v20.1.1-win32-x64.zip)

npm run packager

3.配置环境或者打包如果出现网络连接问题(timeout):
在文件夹里新建一个.npmrc文件,文件内容写:

electron_mirror=https://npmmirror.com/mirrors/electron/

就可以打包成功了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/659026.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++中的类的引入

一、类的引入 在C语言的结构体中只能定义变量;在C的结构体中,不仅可以定义变量,还可以定义函数。 例如,在用C语言实现栈时,结构体struct中只能定义变量;但是如果用C实现,结构体中还可以定义函…

qt语言国际化(翻译),并实现多窗口同时翻译

一、.pro文件中添加支持的语言 在.pro文件中添加下面几句,支持中文和英文 TRANSLATIONS lanague_cn.ts\lanague_en.ts二、通过qt语言家更新翻译生成.ts文件 完成以后在工程目录可以看到.ts文件 三、通过linguist翻译文件 打开文件 将两个文件同时选中&#xf…

【WPF.NET开发】优化性能:图形呈现层

本文内容 图形硬件呈现层定义其他资源 呈现层为运行 WPF 应用程序的设备定义图形硬件功能和性能级别。 1、图形硬件 对呈现层级别影响最大的图形硬件功能包括: 视频 RAM - 图形硬件中的视频内存量决定了可用于合成图形的缓冲区大小和数量。 像素着色器 - 像素着…

c# 海康照相机操作封装类(网口,USB)

需求 在上位机开发中, 海康照相机的使用应该是很常见的,主要是网口通讯的相机用的多,有时也会用一些USB接口相机。以前项目都在赶时间做。没有时间去好好设计和封装。时间长了发现重复代码就很多,还有没有设计和封装的代码,代码份数和相机个数对等,说白了就是一个相机写一…

【优秀案例】回本周期缩短10%!日安装量级高达5000以上!看NetMarvel如何赋能Ball Sort达成多项目标

“合成大西瓜在海外火了” 没想到,在国内已经过气的玩法转战到海外后,还能够翻红的这么彻底? 实际上,市面上很多在本土市场不温不火但转战海外赛道却盈利感人的应用不在少数,比如我们今天的重头戏《Ball Sort - Colo…

iView 中DatePicker日期选择器 v-model不生效的情况

场景 公司项目前段使用的是iview样式库,在开发的过程中,需要使用到时间选择器 使用后发现,输出的时间格式有问题,查看了需要使用到format来设置输出内容,发现不生效 百度… 1、百度后了解到v-model和format使用&…

基于Element的进度条Loading

基于Element的进度条loading组件 前端在中后台项目开发中经常要使用到loading遮罩层在数据交互时展示,目前我使用element组件库的loading,发现不能自定义,loading的样式比较少,官方只提供修改loading的图标和文字。 但是我的需求…

【云上建站】快速在云上构建个人网站4——网站备案

快速在云上构建个人网站4——网站备案 一、为网站配置域名1、使用域名的原因2、域名使用逻辑3、域名配置流程 二、域名注册1、查询域名:2、确认订单:3、实名认证域名4、域名解析配置解析域名:解析设置:访问域名: 一、为…

【深度学习:多关节嵌入模型】 Meta 解释的 ImageBind 多关节嵌入模型

【深度学习:多关节嵌入模型】 Meta 解释的 ImageBind 多关节嵌入模型 Meta 发布开源人工智能工具的历史分段任何模型DINOv2 什么是多模态学习?什么是嵌入?什么是 ImageBind?集成在 ImageBind 中的模式图像绑定架构特定模式编码器跨…

Flask框架开发学习笔记《6》前后端不分离基础框架

Flask框架开发学习笔记《6》前后端不分离基础框架 Flask是使用python的后端,由于小程序需要后端开发,遂学习一下后端开发。 主要包含如下文件: static 目录中存储了图片templates 目录中存储了 html 文件utils.py 包含了 log 函数server.p…

资深Android逆袭、华为鸿蒙为安卓程序员开辟了一条新道路

本文章主要从以下5个方面来展开聊聊这个话题: 1.什么是鸿蒙 2.鸿蒙系统发展时间线 3.鸿蒙是套壳Android吗? 4.鸿蒙的生态(用户以及开发者) 5.一些建议 1月18日,在鸿蒙生态千帆启航仪式上,华为宣布了继鸿蒙4…

实现单点登录

指再多系统应用群中登录一个系统,便可在其他所有系统中得到授权而无需再次登录,包括单点登录与单点注销两部分。 相比于单系统登录,sso需要一个独立的认证中心,只有认证红心能接受用户的用户名密码等安全信息,其他系统…

C#,打印漂亮的贝尔三角形(Bell Triangle)的源程序

以贝尔数为基础,参考杨辉三角形,也可以生成贝尔三角形(Bell triangle),也称为艾特肯阵列(Aitkens Array),皮埃斯三角形(Peirce Triangle)。 贝尔三角形的构造…

Python办公自动化:解锁高效工作流程,掌握文档处理的艺术

1.python自动化办公 Python 在自动化办公方面非常强大和灵活,能够帮助提高工作效率,自动化完成重复性任务。Python 提供了多种库和工具,可以用于处理文档、电子表格、PDF 文件、电子邮件等。下面是一些常用的 Python 自动化办公库及其应用&a…

大创项目推荐 题目:基于深度学习的中文对话问答机器人

文章目录 0 简介1 项目架构2 项目的主要过程2.1 数据清洗、预处理2.2 分桶2.3 训练 3 项目的整体结构4 重要的API4.1 LSTM cells部分:4.2 损失函数:4.3 搭建seq2seq框架:4.4 测试部分:4.5 评价NLP测试效果:4.6 梯度截断…

题记(35)--日期累加

目录 一、题目内容 二、输入描述 三、输出描述 四、输入输出示例 五、完整C语言代码 一、题目内容 设计一个程序能计算一个日期加上若干天后是什么日期。 二、输入描述 输入第一行表示样例个数m,接下来m行每行四个整数分别表示年月日和累加的天数。 三、输出描…

鸿蒙 ArkTS 从数组内查找指定的数据

let arr [1, 2, 3, 4, 5]; let target 3; let result arr.filter(item > item target); let a String(result) 将数字转换成文本型 console.log(a); 亲爱的读者: 首先,我要感谢您抽出宝贵的时间阅读这篇文章。我深知,您的每一分每一…

新概念英语第二册(47)

New words and expressions】生词和短语(9) thirsty adj. 贪杯的 ghost n. 鬼魂 haunt v. (鬼)来访,闹鬼 block …

深入解析Lombok中的@SneakyThrows注解原理

在Java开发中,异常处理一直是一个重要的部分。Java中的异常分为受检查异常(checked exceptions)和未受检查异常(unchecked exceptions)。受检查异常需要在方法签名中显式声明,或者在方法体内部捕获处理&…

Codeforces Round 479 (Div. 3)

这一场div3整体比较简单注意细节即可 目录 A. Wrong Subtraction B. Two-gram C. Less or Equal D. Divide by three, multiply by two E. Cyclic Components F. Consecutive Subsequence A. Wrong Subtraction 按照题目意思直接模拟操作次数即可 void solve(){cin>…