Electron
文章平均质量分 86
跨平台桌面软件开发
qiao若huan喜
每天都往前一点点,总能走到终点。
展开
-
06_Electron项目:实现一个类似 EditPlus 的简易记事本代码编辑器
使用 Electron Html Css Js Nodejs 实现一个类似于 EditPlus 的记事本编辑器的小小编辑器,此项目的主要目的是让大家巩固前面学的知识点以及灵活运用 Electron 中的模板。nodemon 是一个命令行工具,用来辅助项目开发。在 Nodejs 中,可以在每次修改文件后重新执行该文件。原创 2024-08-10 10:00:00 · 1462 阅读 · 0 评论 -
05_ Electron 自定义菜单、主进程与渲染进程通信
单独写在一个 js 文件中,然后再在主进程中引入labe: "文件",submenu: [label: "新建文件",},label: "编辑",submenu: [label: "复制",},submenu: [// main.js// 1、引入初始化remote 模块width:800,})// __dirname 表示获取我们当前目录, path.join 会将两个参数合并成 d://electrondemo/index.html// 打开调试模式。原创 2024-08-09 21:30:00 · 888 阅读 · 0 评论 -
04_Electron 模块介绍
官方文档: https://www.electronjs.org/zh/docs/latest/api/appremote 模块提供了一种在渲染进程(网页)和主进程之间进行进程间通讯(IPC)的简便途径。Electron 中,与 GUI 相关的模块(如 dialog, menu 等)只存在于主进程,而不在渲染进程中。为了能从渲染进程中使用它们,需要用 ipc 模块来给 主进程发送进程间消息。使用 remote 模块,可以调用主进程对象的方法,而无需显式地发送进程间消息,这类似于 java 的 RMI。原创 2024-08-09 19:30:00 · 864 阅读 · 0 评论 -
03_Electron 主进程和渲染进程、点击(拖放)打开文件功能
在页面运行其他脚本之前预先加载指定的脚本, 无论页面是否集成 Node,此脚本都可以访问 所有 Node API 脚本路径为文件的绝对路径。: 进程(process)是计算机中的程序关于某数据集合上的一次运行活动,是系统进行资源分配的调度的基本单位,是操作系统结构的基础。2、如果不使用 preload 加载的 js ,Electron5.x 之后没法在渲染进程中直接使用 nodejs,在主进程 中实例化 BrowserWindow 创建的 Web 页面被称为渲染进程,一个 Electron 应用。原创 2024-08-08 22:45:00 · 1472 阅读 · 0 评论 -
02_快速启动 Demo 创建 Electron 项目、electron-forge 搭建一个 electron 项目、手动创建electron项目
electron-forge 相当于 electron 的一个脚手架,可以让我们更方便的创建、运行、打包 electron 项目。2、在 electrondemo 目录下面新建三个文件: index.html 、main.js、package.json。Eslint 最初是由 Nicholas C.Zakas 于 2013年6月创建的开源项目。3、index.html 里面用 css 进行布局(以前怎么写现在还怎么写)1、新建一个项目目录,例如:electrondemo。创建成功后的文件夹链接,原创 2024-08-08 22:00:00 · 750 阅读 · 0 评论 -
01_Electron 跨平台桌面应用开发介绍
Electron 是由 Github 开发的一个跨平台的桌面应用开发框架,可以让我们用 html、css、js 的技术开发桌面上可以安装的软件。使用传统语言开发桌面应用,开发成本高。github 的 atom 编辑器,vscode都是使用 Electron 开发的。1、公司有开发桌面应用的需求。(Electron 开发速度快、开发周期短、跨平台、维护成本低)2、前端开发者想提升自己的技能,有必要学习一下 Electron, 大家都会 Electron, 所以我们也得学。原创 2024-08-07 19:00:00 · 514 阅读 · 0 评论
分享