electron开源项目_electron入门教程：带你两小时玩转electron轻松实现桌面应用

最新推荐文章于 2024-06-25 09:33:43 发布
最新推荐文章于 2024-06-25 09:33:43 发布
阅读量1.2k 收藏 1
点赞数
文章标签： electron开源项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_28267011/article/details/113491056
版权
本教程介绍如何使用Electron构建跨平台的桌面应用，它基于Chromium和Node.js，允许开发者利用JavaScript、HTML和CSS。内容包括Electron的安装、基本使用、核心API、渲染进程与主进程、菜单定义、文件操作、快捷键设置和打包流程，适合结合React和Vue进行学习。
摘要由CSDN通过智能技术生成

electron是使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序, 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。本课程包含electron安装和基本使用及核心api的使用，以及结合react和vue使用electron。

Web 技术：Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用。

开源：Electron 是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目。

跨平台：Electron 兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。

f4cb331296b219754a935c07bef0eb20.png

本课程包含electron安装和基本使用及核心api的使用，以及结合react和vue使用electron。

主讲内容

1. Electron安装和快速上手

2. Electron的渲染进程和主进程

3. 应用窗口菜单的定义

4. 文件读取和展示

5. 应用程序快捷键的定义

6. Electron打包

01d33c972634a57e324a7cf54782f3ca.png

完整视频：

玩转electron两小时轻松实现桌面应用​yun.itheima.com
8473507fcff8071446d89208f9027656.png
共同努力学习学习
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
electron开源项目_基于 Electron+Vue 仿钉钉桌面端DingTalk
weixin_28718641的博客
02-01 4399
今天给大家分享一个超不错的开源Electron仿钉钉网页版项目DingTalk。dingtalk 一款基于electron构建的仿钉钉客户端项目，star高达2.2K+。支持Windows、Linux及macOS。功能特性基于electron和网页版钉钉制作；解决网页版钉钉内容区域不能最大化的问题，除了少数功能未能实现，其余的使用体验和 PC 版钉钉基本一致；支持屏幕截图，支持多显示器截图。快捷键...
前端+将vue项目打包为桌面应用+electron学习
04-15
内容概要:Electron是一个开源的框架，用于构建跨平台的桌面应用程序。它是由GitHub开发的，最初是为了构建GitHub的桌面客户端而创建的。它允许使用JavaScript、HTML和CSS等Web技术来构建桌面应用程序，而不需要使用...
推荐开源项目：electron-webpack - 简化 Electron 应用的 Webpack 集成
gitblog_00082的博客
05-16 460
推荐开源项目：electron-webpack - 简化 Electron 应用的 Webpack 集成 项目地址:https://gitcode.com/electron-userland/electron-webpack 在当前的前端开发环境中，Webpack 和相关工具已成为项目构建的标准配置。然而，当这些工具应用于 Electron 开发时，事情往往变得复杂。为了解决这个问题，我们引荐一个...
探索前端测试新境界：Cucumber-Electron 开源项目推荐
最新发布
gitblog_00008的博客
06-25 701
探索前端测试新境界：Cucumber-Electron 开源项目推荐 项目地址:https://gitcode.com/cucumber/cucumber-electron 在当今的软件开发领域，自动化测试是确保产品质量的关键。特别是对于复杂的Web应用，找到一个既高效又能深度交互的测试解决方案显得尤为重要。今天，我们要推荐一款强大的开源工具——Cucumber-Electron，它将Cucumb...
推荐开源项目：Electron Settings - 简洁强大的 Electron 配置管理库
gitblog_00058的博客
05-17 460
推荐开源项目：Electron Settings - 简洁强大的 Electron 配置管理库 electron-settings???? A simple persistent user settings framework for Electron.项目地址:https://gitcode.com/gh_mirrors/el/electron-settings 在构建 Electron 应用时，存...
推荐开源项目：Electron - 前沿的桌面应用开发框架
gitblog_00025的博客
05-17 464
推荐开源项目：Electron - 前沿的桌面应用开发框架 项目地址:https://gitcode.com/electron-userland/electron-prebuilt 项目介绍 electron-prebuilt，现在已集成到Electron/electron仓库中，是一个强大的工具，使得开发者可以轻松地创建跨平台的桌面应用程序，而无需深入操作系统底层。这个项目源于早期的atom-s...
推荐开源项目：Electron-gh-releases
gitblog_00001的博客
05-29 393
推荐开源项目：Electron-gh-releases 项目地址:https://gitcode.com/jenslind/electron-gh-releases 重要提示：该项目已被弃用，建议参考issue #28并转向update.electronjs.org获取最新更新。 1、项目介绍 Electron-gh-releases是一个专为基于Electron构建的桌面应用程序设计的自动更新解...
electron-vue开发桌面应用界面模板
11-01
标题中的“electron-vue开发桌面应用界面模板”指的是利用Electron和Vue.js框架构建的桌面应用程序的用户界面模板。Electron是一个用JavaScript、HTML和CSS构建跨平台桌面应用的开源库，它允许开发者使用Web技术来...
image-size-electron::straight_ruler::flower_playing_cards:桌面应用程序，可显示任何图像的尺寸
05-25
描述中的 "ElectronJS :sunrise:" 指出该项目使用了 ElectronJS 这个跨平台的桌面应用开发框架，它结合了 Chromium 和 Node.js 的优点，使得开发者可以用 Web 技术（HTML、CSS、JavaScript）来构建桌面应用。...
electron-serialport.zip_electron 读串口_electron串口_nodejs_nodejs串口编
07-13
在电子（Electron）开发中，串口通信是一种常见的需求，特别是在构建桌面应用程序时，它允许应用程序与外部硬件设备进行交互。本压缩包文件“electron-serialport.zip”显然是一个关于如何在Electron环境中使用Node....
Markdown-Electron：Markdown应用程序的:atom_symbol_selector:Electron版本
01-29
:open_book: Markdown编辑器 :high_voltage: 创建减价变得容易！...:atom_symbol_selector: 电子和PWA应用程序可离线使用 :electric_plug: 没有互联网 :open_book: 开源用 :red_heart_selector: 通过 :glowing_star: Ma
可以运行的electron开源小项目
集电极
11-24 8644
可以运行的electron开源小项目 文章目录可以运行的electron开源小项目1. vue-electron-notes笔记软件安装依赖本地启动项目构建安装包2 Electron API 演示(中文版)构建3. wallhaven-electron4. 番茄钟????⏰5.electron-egg 模板6.tasky 前阵子为了学习一下electron,找了不少开源小项目来练手，现在汇总一下。 可惜对前端编程不是很熟悉，只是学了一点皮毛，记录一下这些项目，供以后再来学习。 1. vue-electr
【GitHub项目推荐--不错的 Electron开源项目】【转载】
j8267643的博客
01-24 1091
eDEX-UI 是一款跨平台基于 Electron 的炫酷终端工具。好莱坞级别的终端使用体验，拥有漂亮的启动动画、浮夸的音效，还能够直观地展示文件目录、系统资源、网络等信息。支持实时系统和网络监控、触摸式显示器，还可以修改主题、屏幕键盘布局和CSS进行高级定制。eDEX-UI：超炫酷终端工具。
GitHub 开源跨平台神器 Electron 实践 | 技术头条
热门推荐
CSDN资讯
05-22 3万+
作者 |李小明 责编 | 屠敏 认识 Electron Electron是由GitHub开发，用HTML、CSS 和 JavaScript来构建跨平台桌面应用程序的一个开源库。Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac、Windows和Linux系统下的应用。Electron于2013年作为构建GitHub上可...
electron+vue3全家桶+vite项目搭建【一】使用开源项目快速搭建基础工程
个人网站：https://www.longzipeng.online
03-31 3947
electron+vue3全家桶+vite项目搭建【一】使用开源项目快速搭建基础工程
我的第一个开源项目electron-vue-ant
03-11 1005
基于以下核心框架： electron 11.3.0 Vue 2.6.12 ant-design-vue 1.7.4 最适合做桌面跨平台开发的基础框架，Ant-design-vue是目前国内最优秀的Vue UI框架库，因为Element UI已经停止更新（据说原因是以前团队都被阿里挖过去了） 然后github和gitee上基于electron和vue的各类模板都太老了，甚至还都是基于electron2.x的，现在都11.x了，所以自己做了这个项目，功能如下： 自动更新：不同于eletron-v...
【electron】如何快速进行electron项目开发（包含了各种创建一个electron项目的方法）
kinghzking的专栏
10-29 2456
之前一直用的element-elment-admin对应的electron工程。于是找了各种方案去尝试，尝试结果太过曲折，记录一下，踩大家未踩的坑。下面列举了一些不错的electron框架项目，直接下载使用，事半功倍。原理是克隆git，然后把template目录定制一下。当你的包管理器发出警告时，请注意升级你的 Node 版本。create-electron（推荐）create-electron（推荐）各种electron项目初始化方案。各种electron项目初始化方案。官网手把手教你创建一个项目。
推荐开源项目：electron-prebuilt-compile - 极简集成的 Electron ES6+ React 框架
gitblog_00051的博客
06-05 433
推荐开源项目：electron-prebuilt-compile - 极简集成的 Electron ES6+ React 框架 项目地址:https://gitcode.com/electron-userland/electron-prebuilt-compile 在这个JavaScript日新月异的时代，开发者们越来越倾向于使用ES6+和React来构建现代化的应用程序。而当你想要将这些先进的技...
跨平台桌面应用开发： Electron、Node.js、NW.js与React实战
本文档探讨了跨平台桌面应用程序开发，重点关注了三种流行的Web技术：Electron、Node.js和NW.js，以及React。作者Dmitry Sheiko撰写了一本关于如何使用这些现代工具构建具备跨平台特性的桌面应用的书籍，该书由Packt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值