Electron学习笔记,安装环境(1)

server/2025/1/30 3:23:33/

1、支持win7的Electron 的版本是18,这里node.js用的是14版本(node-v14.21.3-x86.msi)云盘有安装包

Electron 18.x (截至2023年仍在维护中):
Chromium: 96
Node.js: 14.17.0

2、安装node环境,node-v14.21.3-x86.msi双击运行选择安装位置,都是下一步
成功后node和npm都已经安装好了
在这里插入图片描述
3、新建文件夹,用来放项目文件
运行

npm init

然后一路回车
在这里插入图片描述
4、配置npm使用阿里云镜像
首先,你需要设置npm的registry为阿里云的镜像。你可以通过以下命令来配置:

npm config set registry https://registry.npmmirror.com

5、安装electron18 版本文件内容

npm install electron@18.0.0 --save-dev

在这里插入图片描述
在这里插入图片描述
然后这里面有了一堆文件,就是安装electron成功了,否则就重新运行 install 命令,

6、文件配置
在这里插入图片描述

package.json

{"name": "eledemo","version": "1.0.0","description": "","main": "main.js","scripts": {"start": "electron .","test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC","devDependencies": {"electron": "^18.0.0"}
}

main.js

const { app, BrowserWindow ,Menu  } = require('electron')const createWindow = () => {const win = new BrowserWindow({width: 800,height: 600})
// 把顶部自带的默认菜单去掉设置为nullMenu.setApplicationMenu(null)win.loadFile('index.html')
}app.whenReady().then(() => {createWindow()
})

7、运行程序

npm start

在这里插入图片描述

demo 程序运行成功


http://www.ppmy.cn/server/163386.html

相关文章

Solon Cloud Gateway 开发:导引

Solon Cloud Gateway 是 Solon Cloud 体系提供的分布式网关实现(轻量级实现)。 分布式网关的特点(相对于本地网关): 提供服务路由能力提供各种拦截支持 1、分布式网关推荐 建议使用专业的分布式网关产品&#xff0…

【452. 用最少数量的箭引爆气球 中等】

题目: 有一些球形气球贴在一堵用 XY 平面表示的墙面上。墙面上的气球记录在整数数组 points ,其中points[i] [xstart, xend] 表示水平直径在 xstart 和 xend之间的气球。你不知道气球的确切 y 坐标。 一支弓箭可以沿着 x 轴从不同点 完全垂直 地射出。…

Kafka常见问题之 `javax.management.InstanceAlreadyExistsException`

文章目录 Kafka常见问题之 javax.management.InstanceAlreadyExistsException1. 概述2. 常见原因3. 具体异常示例4. 解决方案4.1 确保单一 Kafka Producer 实例4.2 配置 Kafka Broker 和 Producer 使用唯一的 JMX 名称(对于Producer重点检查 client.id)4…

【汽车电子架构】AutoSAR从放弃到入门专栏导读

本文是汽车电子架构:AutoSAR从放弃到入门专栏的导读篇。文章延续专栏文章的一贯作风,从概念与定义入手,希望读者能对AutoSAR架构有一个整体的认识,然后对专栏涉及的文章进行分类与链接。本文首先从AutoSAR汽车软件架构的概念&…

庆祝2025到来:C++编程的新篇章

作者:w(゚Д゚)w吓洗宝宝了 发布时间:2025年1月19日00:00 引言 新年伊始,万象更新。在这充满希望的2025年,我们迎来了新的机遇和挑战。作为C编程爱好者的一员,我感到无比激动和自豪。C作为一种强…

JAVA设计模式:依赖倒转原则(DIP)在Spring框架中的实践体现

文章目录 一、DIP原则深度解析1.1 核心定义1.2 现实比喻 二、Spring中的DIP实现机制2.1 传统实现 vs Spring实现对比 三、Spring中DIP的完整示例3.1 领域模型定义3.2 具体实现3.3 高层业务类3.4 配置类 四、Spring实现DIP的关键技术4.1 依赖注入方式对比4.2 自动装配注解 五、D…

Science Advances 用于独立检测压力和温度的3D主动矩阵多模态传感器阵列

研究背景同时独立地进行压力和温度传感对于创建复制人体皮肤复杂感觉功能的电子皮肤至关重要。带有传感器的薄膜晶体管 (TFT) 阵列实现了无串扰的空间传感。然而,半导体中电荷传输的热依赖性导致了热刺激和压力刺激之间的干扰。 创新点浦项科…

Node.js日志记录新篇章:morgan中间件的使用与优势

在Node.js的广阔生态系统中,日志记录是开发过程中不可或缺的一部分。它不仅有助于开发者追踪应用程序的运行状态,还能在出现问题时提供宝贵的调试信息。而在众多日志记录工具中,Morgan以其高效、易用和专注于HTTP请求日志的特点,成…