Electron构建桌面应用教程

最新推荐文章于 2024-06-29 18:19:59 发布
最新推荐文章于 2024-06-29 18:19:59 发布
阅读量250 收藏
点赞数
分类专栏： Electron 文章标签： Electron
本文为博主原创文章，只为分享而编，欢迎各位学习以及转载。
本文链接：https://blog.csdn.net/qq285679784/article/details/120029295
版权

最近在开发电脑端应用，给大家分享下

经过技术研究和已有的条件，决定采用h5打包成桌面应用程序的方案。（VS Code就是这么干的）

 给大家分享下我们的成果
 


实现的原理如下：
使用Electron将h5打包成绿色版，再通过Inno Setup将绿色版打包成exe安装应用，支持打包windows、macOS、Linux应用

有兴趣的小伙伴可以参考我的构建桌面应用系列博文：
https://blog.csdn.net/qq285679784/category_11318926.html

ChinaLzw
关注
专栏目录
Electron搭建一个桌面应用
读心悦
01-24 740
在安装Electron的时候，因为访问的是国外的IP，所以很容安装失败，需要设置访问国内的Electron镜像：yarn config set ELECTRON_MIRROR http://cdn.npm.taobao.org/dist/electron/ 安装ELectron：yarn add electron --dev --platform=win64 在package.json文件中设置： { "name": "electron", "version": "1.0.0", "main":
Vue + electron 构建桌面应用程序
虎康的博客
07-04 675
编写Vue.js代码：使用Vue.js编写你的应用程序代码。你可以在Vue.js组件中编写你的代码，并使用Vue.js生命周期函数管理你的组件。这将在Vue.js项目中安装Electron，并使用electron-builder插件配置Vue.js项目以构建Electron应用程序。安装Vue CLI：使用Vue CLI可以快速创建Vue.js项目和组件。安装Electron：在Vue.js项目中安装Electron。创建Vue.js项目：使用Vue CLI创建一个新的Vue.js项目。
Electron桌面应用项目开发实例
05-05 577
主进程还能通过 Electron 的`app`模块来控制应用程序的生命周期。该模块提供了一整套的事件和方法，可以添加自定义的应用程序行为 ( 例如：以编程方式退出您的应用程序、修改程序坞或显示关于面板 ) 。
electron桌面应用包括自动更新代码完整示例版
07-27
本资源基于线上共享仓库 ：https://github.com/electron/electron-quick-start.git 改版而成，只需要修改内版本更新地址、应用配置及安装依赖即可使用【win版本】
探索 Electron：将 Web 技术带入桌面应用
最新发布
ztK63LrD的博客
06-29 2818
Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。
electron入门教程：带你两小时玩转electron轻松实现桌面应用
qq_41293655的博客
11-10 1374
electron是使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序, 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。本课程包含electron安装和基本使用及核心api的使用，以及结合react和vue使用electron。 Web 技术：Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用。 开源：Electron 是一个由 GitHub 及众多贡献者组成的活跃社
electron桌面应用
sun007700的专栏
04-10 138
Electron从零开始——介绍 https://zhuanlan.zhihu.com/p/266535551 其实在Electron出现之前，如果你问我做桌面应用需要什么，我的第一个想法是C、C++、C#、Java以及微软的Visual Basic等等语言（Sorry 我不是个苹果党，第一时间想不起Object-C），外加体积巨大的IDE（比如我到今天依然不喜欢的Visual Studio和曾经为了玩Minecraft Mod开发装的Eclipse等等），当然也还有各种编辑...
Electron--桌面应用开发（基本应用，快速入门）
m0_66711291的博客
07-12 6251
electron是一个使用前端技术开发跨平台桌面应用程序的框架，帮我们把网页转换成桌面应用。新建一个文件夹，打开终端输入，初始化项目，填写名称、作者、版本等各项配置 2. 安装electron 将electron的node模块下载到本地，如果npm安装失败（跟我一样倒霉），可以换用淘宝镜像cnpm 3. 配置json文件 添加一行代码，将main字段的值改为（不改也可以，对应的是等一下创建的入口js文件的名称） 4. 编写入口js文件创建窗口 具体代码写在下面，写有注释 顺便吐槽一下，可爱的vscode是不
使用Electron构建桌面应用
02-24
使用JavaScript开发桌面应用意味着在打包（packageapplication）的时候你会需要根据操作系统的不同发出不同的命令。这一行为是将原生桌面应用兼容不同平台的概念抽象出来，方便维护应用。现在，我们可以借助Electron...
使用Electron开发桌面应用
chunyouhai5703的博客
11-08 471
Electron框架的前身是 Atom Shell，可以让你写使用JavaScript，HTML和CSS构建跨平台的桌面应用程序。它是基于io.js 和 Chromium 开源项目，并用于在 Atom 编辑器中。Electron 是开源的，由 GitHub 维护，有一个活跃的社区。最...
基于Electron实现桌面应用开发代码实例
10-15
主要介绍了基于Electron实现桌面应用开发代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
vue的应用实例2-桌面端electron
08-06
首先要使用express -t ejs app来创建一个名字为app的文件夹。 之后就是npm install把所要用到的模块都载入进来。 然后我们需要安装electron-prubuilt包。可以通过命令npm install --saved-dev electron-prebuilt进行安装。
vue的应用实例桌面端electron
08-06
Electron就是可以让你用Javascript、HTML、CSS来编写运行于Windows、macOS、Linux系统之上的桌面应用的库
基于Electron的桌面端应用开发和实践
逸尘的专栏
12-06 8006
先简单介绍一下electron。electron是由Github开发的开源框架，现在由OpenJS基金会维护的一个开源项目。它允许开发者使用 HTML、CSS 和 JavaScript 来构建跨平台的桌面应用，而且构建出来的应用，可以很好地兼容 Mac、Windows 和 Linux 这些主流的操作系统。
Electron桌面应用初探
lxmuyu的专栏
09-27 1080
打造你的第一个 Electron 应用 Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个 Node. js 的变体，它专注于桌面应用而不是 Web 服务器端。 这不意味着 Electron 是某个图形用户界面（GUI）库的 JavaScript 版本。 相反，Electron 使用 web 页面作为它的 GUI，所以你能把它看作成一个被 JavaScript 控制的，精简版的 Chromium 浏览器。 从开发的角度来看, E
使用Electron编写一个简单的桌面应用程序
AxCybersecurity的博客
10-09 192
Electron是一个强大的框架，可以帮助开发者使用Web技术（HTML、CSS和JavaScript）构建跨平台的桌面应用程序。本文将详细介绍如何编写一个基于Electron的桌面应用程序，并提供相应的源代码。你已经成功地使用Electron编写并运行了一个简单的桌面应用程序。然后，按照以下步骤开始创建一个新的Electron应用程序。这将启动Electron应用程序，并显示一个窗口，其中包含了"Hello, Electron!的新目录，并初始化一个新的npm项目。这将安装Electron到你的项目中。
electron开发桌面应用
running_shuai的博客
03-16 358
今天突然想做一个web端桌面应用 查了些资料，发现，现在最适合做桌面应用的是electron框架 1.首先是应用打包 1 npm install -g electron-packager // npm模块，是一个用于打包electron应用的工具 2 安装模块以后打包命令是这样的： electron-packager ...
使用Vue+Electron快速构建桌面天气应用
"基于Vue+Electron构建桌面应用程序实践，使用了GregHolguin的electron-vue模板，目的是创建一个基于OpenWeatherMap API的应用，展示用户选定城市的天气。该模板包含vue-cli脚手架、Vue插件、打包工具等。项目安装...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值