Electron 基础教程-1.2 谁在用Electron

最新推荐文章于 2024-07-19 14:53:38 发布
最新推荐文章于 2024-07-19 14:53:38 发布
阅读量1k 收藏
点赞数
分类专栏： Electron 文章标签： Electron javascript

谁在用Electron

如今有太多的开源项目，你方唱罢我登场，Electron值得花费精力学习吗？虽然Electron最初是用来开发GitHub Atom编辑器的，后来很多公司发现这个技术是很棒的桌面应用解决方案。并且鉴于Electron由知名公司背书，使用的风险是很小的。如果你去Electron官网就会发现大量的成功案例。

显然GitHub是Electron的忠实拥趸，Atom编辑器正是基于Electron的。除此之外，流行的团队消息应用Slack也基于Electron，这保证了它能在各操作系统上UI一致。倘若你对Atom不感兴趣，微软的Visual Studio Code可能适合你。微软基于Electron，使用HTML、CSS和JavaScript构建了这个强大好用的编辑器，你可以在Windows或macOS上使用它来进行例如Typescript的各种开发项目。

以上只是一些使用web技术构建桌面应用的案例，如果你想了解更多基于Electron的应用项目，可以访问https://electron.atom.io/apps/ 。

HouszChina
关注
专栏目录
electron的基本教程
weixin_43484007的博客
10-05 380
问题：每次修改完代码后，必须重新执行 npm run start才能展现最新的页面。BrowserWindow 模块，它创建和管理应用程序 窗口。app 模块，它控制应用程序的事件生命周期。preload.js把通信方法暴露给渲染进程。问题：electron和h5页面如何通信。index.html引入app.js文件。修改package.json。window上运行结果。安装electron。主进程main.js。渲染进程app.js。
Electron使用指南 - [01] 介绍
sdasadasds的博客
11-10 1027
Electron 介绍 1、概览 想必你已经听说了可以应用electron来构建令人惊叹的桌面应用程序！ 单纯使用JavaScript API 就可以构建Mac, windows或者Linux应用程序。 长期以来，很多开发语言都保留了生成桌面应用程序的功能，比如C和Java，但是用这些语言来构建应用程序是非常困难的。 当然，近年来，构建本地应用程序变的更加灵活，但您仍然需要为每个操作系统学习不同的语言并使用非常特定的工具进行开发。 而如今，在Mac，Windows和Linux系统上，应用Electro
electron 中文教程
05-01
常见问题 Introduction 1.1 Electron 常见问题 1.2 向导 支持平台 2.1 分发应用 2.2 提交应用到 Mac App Store 2.3 打包应用 2.4 使用 Node 原生模块 2.5 主进程调试 2.6 使用 Selenium 和 WebDriver 2.7 使用开发人员工具扩展 2.8 使用 Pepper Flash 插件 2.9 使用 Widevine CDM 插件 2.10 教程 快速入门 3.1 桌面环境集成 3.2 在线/离线事件探测 3.3 API文档 简介 4.1 进程对象 4.2 支持的 Chrome 命令行开关 4.3 环境变量 4.4 自定义的 DOM 元素: File 对象 5.1 webview 标签 5.2 window.open 函数 5.3 在主进程内可用的模块: app 6.1 autoUpdater
Electron教程
bnm2442的博客
09-26 262
electron教程(一): electron的安装和项目的创建 - Silenzio - 博客园
electron 应用开发优秀实践
最新发布
2401_83384536的博客
07-19 1090
可以看出 asar 中的文件，就是我们构建后的项目代码，从图中可以看到有 node_modules 目录， 这是因为在 electron 构建机制中，会自动把 dependencies 的依赖全部打到 asar 中。目前的 monorepo 生态百花齐放，正确的实践方法应该是集大成法，也就是取各家之长，目前的趋势也是如此，各开源 monorepo 工具达成默契，专注自己擅长的能力。我在项目中使用 yarn 安装依赖，然后执行上述命令后，发现打包体积减少了 6M ， 虽然不多，但也还可以。
Electron 入门教程
emperinter的博客
10-11 1486
整个教程不涉及过于深入的知识，通过一系列c操作能够运行一个简单的MarkDown编辑器。在整个过程中体会Electron的作用，对于我来说就是把整个网页和浏览器打包成一个程序了，简单说可能就是我们常说的大前端。 安装 安装npm,详情请参考官网https://nodejs.org/en/ 创建项目文件夹 mkdir Markdown 初始化 npm init 初始化后会生成一个项目描述文件package.json，内容(特别注意main何scripts选项)如下： { "nam..
electron入门教程
wang993828743的博客
05-27 8020
一、安装配置 1、为你的应用创建一个新的空文件夹 Electron 2、打开你的命令行工具，然后从该文件夹运行 npm init 会帮助你创建一个基本的 package.json 文件 3、安装electron npm install --save-dev electron 4、项目根目录新建main.js文件（入口文件） const { app, BrowserWindow } = require('electron') function createWindow () { // 创建浏览器
Electron 教程_20201007
linjingtu的博客
10-09 539
​Electron 教程 Electron 教程简介 Electron 快速入门 Electron 桌面环境集成 Electron 在线/离线事件探测 Electron 进程 Electron 支持的 Chrome 命令行开关 Electron 环境变量 Electron 应用部署 Electron 向Mac App Store 应用提交向导 Electron 应用打包 Electron 使用原生模块 Electron 主进程调试 Electron 使用 Selenium 和 We
Electron开发实战1
08-03
### 1.2 常见的Electron应用示例 - Atom：GitHub的开源文本编辑器。 - Visual Studio Code：微软的代码编辑器，集成了大量开发工具和功能。 ## 二、快速创建一个Electron应用 1. **初始化项目**：通过npm安装...
Electron 开发入门
热门推荐
GitChat
01-09 2万+
课程亮点 剖析 Electron 从安装到发布的整个流程 如何使用 Git 管理 Electron 应用源代码 如何使用 C++ 开发 Electron 本地模块 知识点 + 示例 + 源代码 课程背景 Electron 允许使用 Web 技术（HTML 5、CSS 3、JavaScript）开发跨平台桌面应用，这对 Web 前端和 Node.js 开发者是一大福音，因为从此又多了一项技能。目...
从零搭建Electron应用 的一系列简单的 Demo
WangYuLue的博客
06-09 2278
Electron 是一个优秀的跨平台桌面应用程序开源库，目前接触 Electron 的开发者也越来越多。但是笔者发现，目前社区里缺少对初学者足够友好的入门教程来帮助初学者用 Electron 搭建一个完整的开发框架。 为了解决这个问题，笔者将结合平时的一些 Electron 开发经验，渐近式的带领读者从零开始搭建一个完整的 Electron 应用。在这个教程中，笔者将使用 React 构建渲染进程。当然，读者也可以用其他框架来构建渲染进程，各种前端框架脚手架已经足够友好，所以这一点不用担心。 阅读完这篇教程
Electron实战教程（初级）
06-30
Electron作为一个优秀的跨平台桌面开源框架，吸引了大量从事原生客户端开发和前端开发的同学涉足。Electron学习的过程存在两个门槛，一是入门，二是进阶。据以往的经验，只要你能够入门并适应Electron开发的流程，就能够很快的从事一些简单功能的开发，并且熟悉一段时间后，就能够独立完成大部分PC客户端的开发需求。到了进阶阶段，就要求我们能够熟练的运用Electron的特性完成某些具有一定难度功能的开发，不过这个需要我们大量的实践经验的积累，本课程结合本人多年从事原生客户端开发和Electron开发的经验，对Electron的使用进行介绍，帮助大家迅速入门并快速进入进阶阶段，减少不必要的弯路和踩坑。
JavaScript教程--从入门到精通
04-17
### JavaScript教程知识点详解 #### 一、JavaScript简介与特点 **1.1 什么是JavaScript** JavaScript是一种基于对象(Object)和事件驱动(Event Driven)的脚本语言，它具备安全性，主要用于与HTML超文本标记语言、...
Web桌面端应用开发：Electron在外卖点餐项目中的应用
# 1. 介绍Electron框架 ## 1.1 什么是Electron框架 ...它的优点在于可以使用相同的代码库构建并运行在Windows，Mac和Linux等操作系统上的应用，并且可以访问操作系统的底层功能。 ## 1.2 Electron框架的特点和优势 E
Electron学习指导
MoXinXueWEB的博客
05-16 1234
小白能看懂的Electron，一文带你入门
Electron入门教程1 —— 编写第一个桌面应用程序
weixin_50216991的博客
04-15 1万+
最近临时起意，想开发Windows桌面应用程序，但是我们肯定都先会想到微软的C#。但是我又不想花时间去学习C#，而且就算学了C#，还是很难快速开发出好看的Windows桌面应用。所以此时我就想，既然移动app都能用vue来写，那Windows的桌面应用程序是不是也可以用Vue等web前端技术来开发呢？还真可以，那就是Electron这个框架。首先声明，我自己也在学习Electron这个框架，所以就有了这个教程。 ...
一、Electron入门教程
weixin_30696427的博客
08-03 336
参考资料：https://www.cnblogs.com/zhangshuda/p/8086500.html 一、首先安装node(具体过程百度) 二、新建文件夹demo 三、打开终端进入新建的文件夹中 4、初始化项目 npm init -f 　文件中会多出package.json文件 五、修改package.json 　　main：'index.js'修改为...
Electron教程1_Electron介绍
随风漂浪的博客
04-02 430
Electron介绍 Electron 是由Github开发的，用HTML , CSS 和JavaScript 来构建的跨平台桌面应用程序的一个开源库。 Electron 通过将Chromium 和Node.js 合并到同一个运行时环境中，并将其打包为Mac , Windows 和 Linux系统下的应用来实现这一目的。 网站 网站：https://www.electronjs.org/ 特点 ...
Electron教程 （一）Electron介绍
weixin_33807284的博客
01-10 1484
Electron介绍 Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。 Electron于2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来。这两个...
electron-builder与electron-updater：实现electron项目自动更新教程
本文主要介绍了如何在electron-vue项目中集成electron-builder和electron-updater来实现自动更新功能。首先，你需要确保已经拥有一个基于electron-vue创建的默认项目，这将作为我们的基础框架。electron-vue是一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值