我成功创建了一个Electron应用程序

已于 2024-06-05 06:34:14 修改
阅读量387 收藏
点赞数 3
文章标签： electron 前端 javascript
于 2024-06-02 18:45:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lulei5153/article/details/139382619
版权

1.创建electron项目命令： npm create @quick-start/electron electron-memo

2选择：√ Select a framework: » vue

       √ Add TypeScript? ... No

       √ Add Electron updater plugin? ... Yes

       √ Enable Electron download mirror proxy? ... Yes

3.命令：cd electron-memo

4.命令：yarn

5.启动命令： yarn dev

6.修改 App.vue

7.修改 index.html

6.打包命令：yarn build:win

与妖为邻
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
「Electron」Electron 应用程序详解
AIGC大前端小王子
05-21 455
Electron 作为一个强大的框架，让开发者能够使用熟悉的 Web 技术栈来构建桌面应用程序。下面我将对您提供的要点进行扩展，以便更深入地理解 Electron 开发的各个方面。
开发知识点-Vue-Electron
aming小老弟
11-12 1366
运行 electron 模块 是否 可以弹出窗口。将vue 添加 electron模块。为了不报错 卸载以前的脚手架。创建一个 vue 随便起个名。进入 创建过的 vue文件。
创建一个electron应用
liufang_imei的博客
05-15 1708
Electron 程序是通过 npm 包创建的。我们应将 Electron 依赖安装到，然后在 package.json 中设置一个脚本来运行。执行命令后，Electron 程序会运行我们在 package.json 文件的main字段设置的入口文件。这个入口文件控制着 Electron 的主进程，后者运行于 Node.js 实例，负责应用的生命周期、展示原生窗口、执行特殊操作和管理渲染进程。渲染器进程(简称渲染器) 负责展示图形内容。我们可以将渲染的网页指向 web 地址或本地 HTML 文件。
学习electron（一）：安装及创建第一个应用程序
weixin_45132755的博客
01-08 1100
electron（一）：安装及创建第一个应用程序：注1、所有的命令行都是在你node.js安装目录cmd 进行的。（以D:\nodejs为例）2、本章是讲述如何安装electron，如果需要学习创建应用，本章略，可直接查看（二）3、有报错，可以先去看一下《三、处理报错》（找不到cli.js文件）
如何创建一个简易的Electron桌面程序
xiadaocc的博客
07-19 590
如何创建一个简易的Electron桌面程序
vue结合vue-electron创建应用程序
Sandersonia的博客
03-08 1683
在现有的项目中使用electron，将网页转换成应用程序
electron应用程序的创建与打包
sxww_zyt的博客
02-13 1004
之前我们已经用html+css+js创建了一个，现在将这个项目用electron以应用程序呈现。
Electron 桌面应用程序的框架，快速入门搭建一个桌面程序
灬Manong 博客
04-23 441
【代码】Electron 构建桌面应用程序的框架，快速搭建一个简单桌面程序。
创建一个electron-vite项目
m0_71231013的博客
03-18 948
然后进入目录，下载包文件，运行项目到以上步骤，你已经成功运行起来一个 electron项目。拓展知识：接下来 我们可以给他删除不必要的文件，添加ui组件库，添加router管理，添加axios请求。
【electron6】浏览器实时播放PCM数据
rock_23的博客
07-19 931
浏览器实时播放PCM数据，少走很多弯路
electron 主进程和渲染进程通信
最新发布
读心悦
07-21 59
在Electron中，主进程（main process）和渲染进程（renderer process）之间的通信是非常重要的，因为Electron应用通常会将用户界面（由Web技术如HTML, CSS, 和JavaScript构建）和原生功能（如系统对话框、文件I/O等）分开处理。主进程管理应用的生命周期和创建渲染进程，而渲染进程则负责展示应用的界面。
ESC（ELectronic Stability Control，电子稳定控制系统）
weixin_49171105的博客
07-18 997
ESC通过实时监测车辆的动态参数，以及车辆轮胎的实际运动状态，通过调节车辆制动系统和发动机输出力，使车辆在紧急或危险情况下保持稳定，防止。
使用 Vue3、Node.js、MySQL、Electron 和 Express 实现用户登录、文章管理和截屏功能
liyananweb的博客
07-15 959
通过本文，我们详细介绍了如何使用 Vue3、Node.js、MySQL、Electron 和 Express 实现一个完整的用户登录、文章管理和截屏功能的应用。希望这篇文章能为你提供有价值的参考，帮助你更好地理解和实现前后端分离的应用开发。如果你有任何问题或建议，欢迎在评论区留言讨论。
Mac Electron 应用如何进行签名（signature）和公证（notarization）？
成长的烧年
07-18 866
最近很多客户反映，从官网下载的应用打不开，直接报病毒，类似于这种：这是因为在之后，如果应用没有在苹果官方平台进行公证(我们可以理解为安装包需要审核，来判断是否存在病毒)，那么就不能被安装。当然现在很多人的解决方案都是使用，取消验证模式，但是总体给客户培训下来，效果非常差，很多人找不到终端，有的人甚至不能在终端中输入命令。因此急需找到解决问题的源头，如何进行代码公证。
在 Electron 中，主进程和渲染进程之间有多种通信方式
程序员—威廉
07-17 601
1. `ipcMain` 和 `ipcRenderer`：使用主进程和渲染进程之间的 Electron 网络协议 (ipc) 模块来发送事件和消息。主进程使用 `ipcMain` 模块发送消息，渲染进程使用 `ipcRenderer` 模块接收消息。2. `remote` 模块：可以在渲染进程中直接访问主进程中的模块。// 发送消息给渲染进程，告知测试结果。// 输出 "test started"
探索 Electron：如何利用Electron和Vite打造高效桌面应用
ztK63LrD的博客
07-21 1122
Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。
【electron】 快速启动electron 应用
qq_21087199的博客
07-18 441
2 node_modules问题：node_modules目录可能已损坏或包含不正确的依赖项。1 npm缓存问题：npm缓存可能已损坏或过时，导致无法正常下载依赖项。解决方法是清除npm缓存，可以使用以下命令： npm cache clean --force。3 npm版本问题：使用的npm版本可能存在问题或不兼容。以下三种原因可能导致这个问题【我的原因是 node 升级 npm 没有重新升级 升级之后完美解决】2 npm install 遇到的问题。1 克隆示例项目的仓库。
用electron框架写一个桌面应用程序
03-31
Electron是一个允许使用Web技术（HTML，CSS，JavaScript）构建跨平台桌面应用程序的框架。下面是一个简单的Electron桌面...这将启动Electron应用程序。您将看到一个窗口，其中包含一个标题为“Hello World！”的文本。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值