Electron简单开发

news2024/7/4 6:34:31

文章目录

  • 1.参考网站
  • 2.HelloWold编写
    • 2.1新建空文件夹
    • 2.2node初始化
    • 2.3安装electron依赖
    • 2.4添加.gitignore 文件
    • 2.5创建main.js文件和index.html
    • 2.6运行electron应用
  • 3.打包

接到一个任务,将electron集成到solidworks中,所以记录一下electron的简单操作,我是基于官网的教程写的,如有不对,欢迎指正

1.参考网站

https://www.electronjs.org/zh/docs/latest/tutorial/quick-start

2.HelloWold编写

2.1新建空文件夹

在这里插入图片描述

2.2node初始化

输入node init,填写node信息

在这里插入图片描述

2.3安装electron依赖

npm 太慢了,淘宝镜像依然能用

cnpm install electron --save-dev

2.4添加.gitignore 文件

不要添加就行,git先不用

2.5创建main.js文件和index.html

记得看一下package.json中的信息

在这里插入图片描述

创建main.js文件

const { app, BrowserWindow } = require('electron')

const createWindow = () => {
    const win = new BrowserWindow({
        width: 800,
        height: 600
    })

    win.loadFile('./index.html')
}

app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') app.quit()
})

app.whenReady().then(() => {
    createWindow()
})

2.6运行electron应用

在package.json中添加script,如果是helloword输出成功了,那就完活了

在这里插入图片描述

出现如下界面,完活!

在这里插入图片描述

3.打包

下载forge

npm install -g --save-dev @electron-forge/cli

打包

npx electron-forge import

这时候发现程序一直卡到这边
在这里插入图片描述

解决方案:

C:\Users\用户名.npmrc,添加如下内容:

在这里插入图片描述

生成exe文件

在这里插入图片描述

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

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

相关文章

【操作系统】05.文件管理

文件管理 文件的属性 文件内部数据的组织 文件之间的组织 操作系统向上层提供功能 创建文件 删除文件 打开文件 关闭文件 读文件 写文件 文件的逻辑结构 无结构文件 有结构文件 顺序文件 文件的物理结构 磁盘块(文件块) 连续分配 优点 对于机…

操作系统 四、文件管理

文章目录 4.1 文件的逻辑结构4.2 文件目录4.2.1 目录结构4.2.1.1 单级目录结构4.2.1.2 两级目录结构4.2.1.3 多级目录结构4.2.1.4 无环图目录结构 4.2.2 索引结点(FCB的改进) 4.3 文件的物理结构4.3.1 连续分配4.3.2 链接分配4.3.2.1 隐式链接4.3.2.2 显式链接 4.3.3 索引分配 …

稠密点云获取方法(二)

作为高分辨率三维重建的方法之一,从单张图像生成稠密三维点云在计算机视觉领域中一直有着较高的关注度。 以下文献提出了一种针对二维和三维信息融合的方法以解决三维点云稀疏难以检测远处的目标的问题。 Multimodal Virtual Point 3D Detection 该文献提出一种将 RGB 传感器…

【Mysql】| 超详细常见bug及解决方案

目录 一. 🌟 引入话题二. 🌟 引出bug1.1 查看bug1.2 Problem Solving2.1 查看bug2.2 Problem Solving3.1 字段长度异常3.2 Problem Solving 三. 🌟 最后 一. 🌟 引入话题 MySQL是一款广泛使用的开源数据库管理系统,它…

小白了解Docker容器技术

一、什么是Docker👑 有一个最常见的例子来很好的帮我们简单了解Docker容器技术: 当我们在一台计算机中配置好了环境,花费了极大的时间和精力成功开发部署好了一个应用。准备尝试在不同操作系统、不同环境下部署这个应用时,我们需要…

图及其与图相关的算法

⭐️前言⭐️ 本篇文章主要介绍图及其与图相关的算法 🍉欢迎点赞 👍 收藏 ⭐留言评论 📝私信必回哟😁 🍉博主将持续更新学习记录收获,友友们有任何问题可以在评论区留言 🍉博客中涉及源码及博主…

如何在 Rocky Linux 上检查磁盘空间?

在 Rocky Linux 上检查磁盘空间是系统管理和维护的重要任务之一。磁盘空间的监控和管理可以帮助我们及时发现和解决存储空间不足的问题,以确保系统的正常运行。本文将详细介绍在 Rocky Linux 上检查磁盘空间的方法。 方法 1:使用 df 命令 df 命令是 Li…

SOLIDWORKS技巧大全培训教程

1 您可以使用 CTRLTAB 键循环进入在 SolidWorks 中打开的文件。 2 使用方向键可以旋转模型。按 CTRL 键加上方向键可以移动模型。按 ALT 键加上方向键可以将模型沿顺时针或逆时1 您可以使用 CTRLTAB 键循环进入在 SolidWorks 中打开的文件。 2 使用方向键可以旋转模型。按 CTRL…

【CloudCompare教程】012:基于点云数据的测量功能

本文讲解CloudCompare基于点云数据的测量功能,主要有:点云索引、坐标、距离、角度、面积、标签等。 文章目录 一、加载地形点云数据二、基于点云数据的测量功能1. 选择单点并显示信息2. 选择两点并显示分割信息3. 选择三点并显示相关三角形信息4. 定义矩形2D标签5. 保存当前标…

Milvus向量数据库

Milvus vector database 第一章 Milvus概述 Milvus创建于2019年,唯一的目标是:存储、索引和管理由深度神经网络和其他机器学习(ML)模型生成的大量嵌入向量embedding vectors。 存储对象:向量 NOTE:embedding vectors是对非结构…

c#快速入门(下)

欢迎来到Cefler的博客😁 🕌博客主页:那个传说中的man的主页 🏠个人专栏:题目解析 🌎推荐文章:题目大解析2 目录 👉🏻Inline和lambda委托和lambda 👉&#x1f…

上海斯歌荣获中国低代码/零代码行业“卓越影响力厂商奖”

3月19日,在「第三届中国 ISIG 产业智能大会」隆重的颁奖典礼上,上海斯歌被授予“卓越影响力厂商奖”,并入围国内权威咨询机构LowCode低码时代的《2022年中国低代码&零代码行业研究报告》卓越影响力榜单。 「第三届ISIG中国产业智能大会」…

如何编写接口自动化框架系列通过yaml来管理测试用例(四)

本文是接口自动化测试框架系列篇的第四篇 ,主要介绍yaml包的使用 。自动化测试的本质是将功能测试用例交给代码去 目录 1. yaml介绍? 2.python中的yaml包 3.项目中使用yaml包 4 项目总结 执行 ,测试人员往往是在自动化框架添加对应的测试…

惠普83752B高功率合成扫频器,20 GHz

惠普83752B扫频仪为元器件测试市场带来了卓越的综合性能,在通用台式扫频仪、扫频仪或标量测试应用中,83752B提供了性价比最高的性能。这款扫频仪在保持模拟源速度的同时,提供了卓越的精度和稳定性。全合成CW、步进和科坡扫描模式可在宽带和窄…

QT+OpenGL几何着色器

QTOpenGL几何着色器 本篇完整工程见gitee:QtOpenGL 对应点的tag,由turbolove提供技术支持,您可以关注博主或者私信博主 几何着色器 几何着色器的输入是一个图元(如点或者三角形)的一组顶点几何着色器可以再顶点发送到下一着色器…

Linux——进程的等待

目录 前言: 一.进程等待 父进程回收子进程信息的相关函数1:wait函数 实验案例1:设置wait函数参数为NULL 实验案例2:wait函数带wstatus参数的案例:当子进程正常运行完退出时 情况3: wait函数带wstatus参数…

Softing“物联网连接和OPC UA通信”系列研讨会

— 免费线上研讨会概览 — 您是否正在为车间应用寻找机器连接?您是否需要为创新的物联网解决方案制定架构决策?或者您是否已经选择了物联网平台,需要连接组件来访问自动化网络中的数据?在Softing线上研讨会中,我们将讨…

JavaScript 进阶 (三)

目录 编程思想 面向过程编程 面向对象编程 构造函数 原型 原型 constructor 属性 对象原型 原型继承 原型链 编程思想 面向过程编程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次 调用…

Python中的封装、继承与多态

1. 前言 面向对象的三大特性,想必大家肯定是耳熟能详。就是今天要介绍的内容:封装、继承、多态。面向对象的思想都是一样的,这里我用Python进行实现! 2. 封装 2.1 什么是封装呢? 封装就是:我写了一个类…

【T6/T3】根据畅捷通T6/T3账套备份文件判断软件的版本

【问题需求】 当畅捷通T6/T3软件只有正常的账套备份文件的时候, 通过账套备份文件判断软件版本, 进而安装软件恢复数据。 【解决方法】 【畅捷通T6】 找到T6的备份文件, 用记事本打开【UfErpAct.lst】文件。 查看【VersionbatchflagForUFDAT…