🎉 项目搭建例子: Electron + React + Ant-Design 理论上来说,目前的前端框架都能很好地配合Electron进行工作,当然你甚至可以使用原生御三家加上Node.js来进行Electron应用的开发。 在这里,我以我本人的开发喜好为例,讲解一下使用React作为前端界面框架、Ant-Design作为UI库、Electron作为Native支持的项目搭建。 接下...
这里设置的原因在于,对于React应用来说在Electron中是一个独立的GUI模块,主进程需要通过开启远程模块加载访问React应用。比如我们在React的代码中需要调用Electron模块时如下: +constelectron=window.require('electron');+constremote=electron.remote+const{BrowserWindow,dialog,Menu}=remote IPC 进程间通信 进程间通信是指...
本文通过Youtube视频:- Build a Markdown Notes app with Electron, React, Typescript, Tailwind and Jotai - YouTube 整理而来。是基于Electron、React、TypeScript、Tailwind及Jotai来开发一款基础功能的Markdown笔记软件。技术栈及依赖#Electron: 跨平台桌面应用框架 React: Facebook推出的前端开发框架 Yarn: 类似...
数据通过electron-store进行操作,使用方便,引入后操作实例对象调取get、set、delete进行获取、设置和删除,但缺点同样明显,不能像mongodb一样通过mongoose构建模型进行数据操作 constStore=require("electron-store");conststore =newStore(test); store.set("test",true);//设置store.get("test");//获取store.delete...
Electron是一个基于Chromium和Node.js,可以使用HTML、CSS和JavaScript构建跨平台应用的技术框架,兼容Mac、Windows和 Linux。虽然B/S是目前开发的主流,但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制,网…
Electron 可以在 Windows、macOS 和 Linux 上运行,从而允许开发者编写一次代码并在多个操作系统上部署应用程序。 2、基于 Web 技术: Electron 使用 Chromium 来渲染用户界面,所以开发者可以使用前端的 Web 技术(如 HTML、CSS、JavaScript)来创建界面。 3、Node.js 集成: ...
要使用React和Electron构建跨平台的桌面应用,可以按照以下步骤进行: 安装Node.js和npm:首先确保你的电脑上安装了Node.js和npm(Node Package Manager)。 创建一个新的Electron项目:使用Electron提供的命令行工具创建一个新的Electron项目。可以使用以下命令来安装Electron CLI工具: ...
React是一个流行的JavaScript库,用于构建Web应用程序。结合Electron框架,可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤:
Electron 27则是一个使用JavaScript, HTML和CSS构建跨平台桌面应用的开源框架,它允许开发者使用Web技术来开发桌面应用。而Arco Design则是一套企业级中后台前端/设计解决方案,可以帮助我们快速构建美观、易用的界面。 二、系统架构 在明确了技术选型后,我们需要设计系统的架构。我们可以将系统分为以下几个部分: 主窗口...
👉 Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建跨平台原生桌面应用的框架。借助 Electron,我们可以使用纯 JavaScript 来调用丰富的...