使用Electron创建helloworld程序

原创 于 2025-10-15 17:31:09 发布 · 282 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#electron #javascript #前端 #pc #nodejs

背景：项目需要有终端表现，要按到医生的电脑进行消息提示等推送操作。

  • 使用Wrap创建Helloworld程序
    • 但安装electron依赖时遇到问题。使用此篇文章找到国内镜像源解决https://npmmirror.com/mirrors/electron/,安装时可以直接告诉他使用此镜像源安装即可。

在这里插入图片描述

  • 生成的helloworld程序

在这里插入图片描述

总结

  1. bilibili博主Ai随风视频有介绍过使用Wrap编程工具配合使用Terminal终端运行Claude编程
  2. 因为项目需要用到终端。测试Electron是因为很多主流的开发平台都是用这个开发，故进行尝试一下。
  3. Electron使用nodejs开发桌面应用程序，升级很方便。
  4. 其实还有一种开发工具Qt之前用过，但是升级不方便。
  5. 之后还要测试 .Net WPF 工具进行测试
electron+vue3全家桶+vite项目搭建【一】使用开源项目快速搭建基础工程
个人网站：https://www.longzipeng.online
03-31 5503
electron+vue3全家桶+vite项目搭建【一】使用开源项目快速搭建基础工程
Electron实战(一)：环境搭建/Hello World/打包exe
编程架构三分天下：分层、分治、分时序。
02-04 2213
Electron整合Chromium浏览器（跨平台界面容器）和Node.js（跨平台系统能力），实现了一个使用JavaScript的全栈开发环境，逐渐成为开发跨平台桌面应用程序的有力竞争者。–-save-dev/-d/-D 本地安装，安装版本写入package.json的devDependencies。–-save/-s/-S 本地安装，安装版本写入package.json的dependencies。（g代表global全局安装的意思）安装语句时，会将安装的模块安装到。无奈，遇到版本不兼容了！
electron windows设置镜像地址环境变量
mirkey2code的博客
07-10 6408
A complete log of this run can be found in:C:\Users\......网上部分会让你修改electron的镜像地址。可以进配置文件里改试试。
electron下载失败（electron如何切换镜像源）
一个努力不被优化的程序员
06-17 1907
出现问题原因：npm换地址了从npm.taobao.org换成了npmmirror.com。或者： C:\Users\用户名\.npmrc。
vue：npm install下载拉不下来 electron（已解决）
love20030729的博客
09-07 616
欢迎来到《踩过的坑》系列，第一弹！—— npm install下载拉不下来 electron。首先electron是安装成功了的，通过管理员的小黑屋 我是可以直接查看版本的。这个问题我在新公司安装 启动vue项目时遇到了。当时我忘记截图了，报错截图忘了，很抱歉各位友友。后来问了同事才知道，它需要配置一个环境变量。但是vue依旧无法启动项目，为什么呢？
解决Electron安装报错
weixin_63203565的博客
06-01 1712
因为 .npmrc 文件的优先级最高所有这个文件里可以给每个项目配置不同的镜像，项目之间的配置互不影响。首先在你的文件目录下新建一个文件.npmrc。
快速入门：使用Electron创建首个Hello World程序
当我们谈论到"Electron的Hello World"时，我们通常是指一个非常基础的入门级示例，该示例展示了如何使用Electron框架创建一个简单的桌面应用程序。 首先，从给定的【描述】来看，"electron 的hello world" 是一个在...
nylas-electron-helloworld:使用nylas的Electron应用程序可将oAuth纳入常见的电子邮件平台
05-10
1 mkdir yourapp 2 cd yourapp 3 git clone 4 cd nylas-electron-helloworld 5在nylas.com中创建应用程序获取appId并将回调设置为./index。 html 6编辑script.js更改client_id：'您的nylas appid'，client_secret：'...
electron 的hello world
12-24
通过这个简单的 "Hello World" 示例，我们可以理解 Electron 如何将 Web 技术与本地应用功能相结合，以及如何使用 Node.js API 与浏览器环境进行交互。这只是一个起点，Electron 提供了丰富的功能，允许开发者构建...
hello-world:Electron.js hello-world应用程序源代码-Source code world
03-25
4. **Electron API**：理解Electron提供的API，如`app`模块用于应用程序生命周期管理，`browserWindow`模块用于创建和控制窗口。 5. **Node.js集成**：学习如何在Electron应用中使用Node.js模块，例如读写文件、网络...
electron安装
想名字想老半天的博客
08-30 1549
electron 安装
解决npm下载electron失败
最新发布
m0_66107134的博客
03-18 606
可以使用yarn来下载electron。先npm install -g yarn，下载yarn，再yarn config set ELECTRON_MIRROR https://npmmirror.com/mirrors/electron/指定electron的镜像，最后再yarn add electron。
electron使用npm install出现下载失败的问题
weixin_38441229的博客
09-26 1421
我在使用electron进行下载时，经常出现一个错误。 HTTPError: Response code 404 (Not Found) for https://registry.npmmirror.com/v21.4.4/electron-v21.4.4-win32-x64.zip 这个时候需要修改一些npm的配置。 使用命令npm config list -ls 滑到下面，找到一个配置。在资源管理器中打开。 用文本打开。 加入一句话。electron_mirror=https://np
全网最全搭建Electron项目的各种方式及错误解决
u011296285的博客
04-23 8807
如果你只是想体验下electron，或者测试一些官方文档中示例代码，则可以选择方式一、二创建项目。如果想要打包功能开箱即用，并且不包含过多的其他依赖，那么选择方式四、方式五搭建是最好的。reactvuevitewebpackpiniavue-router等。方式三(官方脚手架)不太推荐，由于大陆网络原因，经常会遇到依赖安装失败，和打包失败的问题，当然，如果你有梯子那就无所谓了。
Electron: npm配置electron_mirror安装及主进程和渲染进程互相通信
weixin_50236973的博客
08-22 1305
Electron: npm配置electron_mirror安装及主进程和渲染进程互相通信
electron 配置、打包 -报错解决
CMDN123456的博客
07-31 2909
electron 配置、打包 -报错解决
npm安装electron报错 RequestError: connect ETIMEDOUT 185.199.110.133:443
weixin_44341110的博客
09-08 2152
npm安装electron报错使用electron_mirror专用源
解决Electron国内安装慢
工作学习记录
11-22 968
在用户目录C:\Users\xxx\.npmrc文件中添加Electron国内镜像。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

胡斌附体

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值