Electron开发入门

最新推荐文章于 2024-08-25 10:52:52 发布
最新推荐文章于 2024-08-25 10:52:52 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： Node 文章标签： Electron Node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iamniconico/article/details/80582692
版权
本文介绍了Electron，一个允许使用Node.js开发桌面应用的框架。内容包括Electron的基本概念、安装步骤、项目目录结构解析、程序运行原理以及如何进行程序打包。通过Electron，开发者可以创建可执行的exe文件，实现类似Java开发者的桌面应用开发体验。
摘要由CSDN通过智能技术生成
前记：

Electron是笔者最近才开始接触的Node中的一个模块，大致功能是将Node.js的环境搬至桌面程序开发中，也就是说我们可以通过Node.js去开发桌面程序，最终打包成exe可执行文件。因为之前笔者一直从事Java开发，对Node了解甚少，所以并不清楚实现这种功能是不是特别难，但是Electron的作者的实习经历及Electron目前所获得的成就（GitHub 60k+的Star）让笔者非常的钦佩。

Electron介绍

Electron安装

  • Node环境搭建

  • npm转淘宝镜像

    npm install -g cnpm --registry=https://registry.npm.taobao.org

  • Electron模块安装

    npm install -g electron

  • Electron打包模块安装

    npm install -g electron-packager

Electron开发

目录结构

Github Demo地址：https://github.com/electron/electron-quick-start

electron/resources/app
|_package.json
|_main.js
|_index.html

这是一个传统的Node项目目录结构，package.json是应用的配置

最低0.47元/天 解锁文章
矢泽的妮可
关注
专栏目录
Electron系列教程——第一篇：入门
其时十七的博客
12-24 2万+
Electron系列教程——第一篇：入门一、楔子 想要学习Electron，跟着官网或者中文网，仔细阅读，并实践，其实是够了，不必要重复。那为什么还要写这个系列呢？大概有两方面原因，其一：我使用electron以来，踩过很多坑，个人希望能够做一个总结；其二：对于我填坑的方法，希望通过博客的方式，和大家交流。 作为整个系列的开篇部分，本节将以零基础、第一次接触Electron的视角来书写
Electron 开发入门
热门推荐
GitChat
01-09 2万+
课程亮点 剖析 Electron 从安装到发布的整个流程 如何使用 Git 管理 Electron 应用源代码 如何使用 C++ 开发 Electron 本地模块 知识点 + 示例 + 源代码 课程背景 Electron 允许使用 Web 技术（HTML 5、CSS 3、JavaScript）开发跨平台桌面应用，这对 Web 前端和 Node.js 开发者是一大福音，因为从此又多了一项技能。目...
maven-springboot-electron：仅使用Maven将Java Web应用程序与Electron + OpenJDK打包
02-04
Maven + Springboot + Electron（+ OpenJDK） 这个项目是用电子作为本机可执行文件包装任何Java Web应用程序（使用Springboot的fe）的起点。 对于构建过程，仅使用maven。 该项目包含所有必要的配置和一些占位符文件，以帮助您入门。 该项目的灵感来自 ，但有一些主要区别： 代替Gradle仅使用Maven（当然也使用Node，但间接使用） 在构建Electron应用程序时，将包含一个OpenJDK以启动Java Web应用程序 概念证明 该项目的目的是个人的兴趣，以表明该概念（Electron->出厂的JDK-> Java Web Ap
探索Electron+Java Demo: 构建现代化桌面应用的新路径
gitblog_00702的博客
08-08 958
探索Electron+Java Demo: 构建现代化桌面应用的新路径 electron-java-appElectron Java application - What if you could build Desktop applications on Java with HTML 5 UI项目地址:https://gitcode.com/gh_mirrors/el/electron-jav...
Electron快速入门
路漫漫其修远兮，吾将上下而求索
06-29 3717
Electron是由GitHub众多开发者开发的一个开源项目，能够使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。当然了，它也可以与vue和react相结合。前端的小伙伴们，学习它应该很快，是很容易上手的一门技术。文档编写不易，还请各位耐心观看。另外本人能力有限，如有不足之处，还请不吝批评指正！Electron 运行的main脚本的进程被称为主进程。在主进程中运行的脚本通过创建web页面来展示用户界面。一个 Electron 应用总是有且只有一个主进程。
【Electron】Electron开发入门（二）：创建项目Hello Word
weixin_30817749的博客
09-27 360
创建简单的Electron程序 1、首先，切换到你的项目空间，我的在 D:\ProjectsSpace\ElectronProjects\ElectronTest，ElectronTest是案例项目文件夹 ①、打开cmd，切换到自己的项目文件目录 然后输入命令 npm init创建 package.json文件， 然后按照步骤一步一步来，一直到最后 最后...
【Electron】Electron开发入门
weixin_30580943的博客
09-30 293
Electron简介： Electron提供了丰富的本地（操作系统）的API，使你能够使用纯JavaScript来创建桌面应用程序，并且跨平台（win，mac，linux等各种PC端平台）。与其它各种的Node.js运行时不同的是Electron专注于桌面应用程序而不是Web服务器。 有时候面对需求，开发出的web page既要能Online又要Offline（Offline是针对一些特...
Electron基础入门教程
10-26
总的来说，这个教程为新手提供了一个全面的Electron入门路径，无论你是Web开发者还是对桌面应用开发感兴趣，都能从中获得宝贵的知识和实践经验。通过实践这些视频教程和配套材料，你将能够自信地构建自己的Electron...
前端Electron新手入门教程详解
01-02
Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。 历史 2013年的时候，Atom编辑器问世，...
Electron开发入门（五）：项目打包
孟军建的博客
02-21 2103
一、安装 electron-packager PS：安装之前，先复制一份package.json文件到./app目录下，然后改下./app目录下package.json里 “main”: “app/main.js”的路径（去掉app/），不这样子的话，下面打包的时候会报错，有的版本识别不了应用路径。 1、使用命令 npm install --save-dev electron-pack
electron开发
陈海峰的博客
07-10 3235
安装NodeJS 目前支持的最新版本为NodeJS 7.4.0，因为安装过程比较简单所以这里省略了。 安装Electron npm install -g electron 创建项目工程 使用WebStorm创建一个Empty Project. 用npm init初始化这个项目。初始化后，package.json内容如下 { "name": "electron_te
【Electron】Electron入门实现
Python、Golang、大数据
06-27 1355
Electron是一个开源框架，允许开发者使用网页技术来构建跨平台的桌面应用程序。它由GitHub开发并维护，最初是为了支持开发Atom编辑器。Electron结合了Chromium（用于呈现网页内容）和Node.js（用于与操作系统交互），因此开发者可以利用大量现有的网页开发技术和工具来构建桌面应用。
禹神：一小时快速上手Electron，前端Electron开发教程，笔记。一篇文章入门Electron
宝码香车的博客
07-16 6124
1.后面有的bug可能与Electron Forge配置有关。有时间试试，找个解决方案。2.也有可能与main.js写法有关。3.打包时删除main.js里的win.openDevTools() //自动打开调试窗口否则软件会自动打开调试窗口。4. 代码仓库位置终于完成，虽然有bug,但能运行起来了。后续找个更好的解决方案。
一小时快速上手Electron，前端Electron开发教程，笔记。一篇文章入门Electron
最新发布
weixin_41978174的博客
08-25 74
1.后面有的bug可能与Electron Forge配置有关。有时间试试，找个解决方案。2.也有可能与main.js写法有关。3.打包时删除main.js里的win.openDevTools() //自动打开调试窗口否则软件会自动打开调试窗口。4. 代码仓库位置终于完成，虽然有bug,但能运行起来了。后续找个更好的解决方案。
electron入门
qq_27685463的博客
05-22 1392
详细文档：https://www.electronjs.org/docs/api/menuconst {label : "文件" , submenu : [ {label : "新建窗口" , } , ] , } , {label : "编辑" , submenu : [ {label : "新建窗口" , } , ] , } , ];1、点击打开新窗口label : "新建窗口" , click :() => {} , } , ];2、点击打开浏览器shell。
Electron简单入门
zhenlai2012的专栏
10-10 191
第一章 入门 简介 官方描述：Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js到 二进制的 Electron 允许你保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 学习前提 需要了解node.js、js、html、css，并熟悉nodejs基本的语法。 快速开始 安装 Node.js， 建议使用最新的LTS版本。具体安装步骤请查看
Electron 简单入门-备忘
06-25 253
一、 Electron 介绍 Electron ，使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用，利用 Web技术JavaScript、HTML 和 CSS 开发跨平台（Mac，Windows和Linux系统）桌面应用的开源框架，最初是 Github 发布的 Atom 编辑器衍生出的 Atom Shell，后更名为 Electron。 可以将 electron 看作是一个由 JavaScript 控制的一个小型的 Chrome 内核浏览器。 electron 内置了 Chro
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值