转载:(第一个demo和安装依赖的包)一、简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用
转载
2024-05-28 17:27:03
90阅读
文章目录一、引言1、Electron是什么?2、为什么学Electron3、Electron的缺点4、学Electron的时候需要学的技术二、正文1、安装Node.js环境。2、Windows系统的先安装“创建cmd右键快捷访问方式”,能够右击快速打开路径的Cmd命令3、运行官方的demo。4、参考官方的文档,自己创建一个Electron项目。 一、引言1、Electron是什么?官网https
转载
2023-12-26 22:02:04
332阅读
Electron是一个基于Chromium和 Node.js,可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架,兼容 Mac、Windows 和 Linux。虽然B/S是目前开发的主流,但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源,再加上Web开发的低成本、高效率的优势,这种方式越
# 使用Electron和Python构建桌面应用程序
在现代软件开发中,桌面应用程序正逐渐采用Web技术构建。这种趋势使得开发者能够使用JavaScript、HTML和CSS等技术来创建跨平台的应用。而Electron作为一个开源框架,它使得这一切变成可能。通过Electron,开发者可以使用Web技术开发桌面应用,并且可以很方便地与后端代码(例如Python)进行交互。在这篇文章中,我们将介
文章目录一. 下载和安装二. 入门案例三. 内容1. Remote 模块讲解2. 菜单的创建和绑定事件3. 右键菜单的制作4. 通过链接打开浏览器5. 嵌入网页和打开子窗口6. 子窗口向父窗口传递信息7. 对话框使用8. 断网提醒功能制作9. 底部通知消息制作10. 注册全局快捷键11. 剪切板功能的使用 一. 下载和安装初始化npm,在根目录下生成一个package.json文件,用来记载项目相
转载
2023-11-02 06:26:02
48阅读
electron-vue打包流程仅适用于windows系统 文章目录electron-vue打包流程前言一、打包流程1. 安装electron提供的打包插件2. 修改package.json文件3. 执行打包命令二、遇到的错误及解决方案1. electron包下载错误2. WinCodeSign下载3. nsis相关下载4. 再次执行打包操作5. 本地安装总结 前言一、打包流程1. 安装elect
转载
2024-05-17 16:35:28
208阅读
什么是ElectronElectron 是前端开发者去构建跨平台桌面应用的一种方案。大家熟悉的 Atom 和 VSCode 编辑器就是使用 Electron 开发的。Electron 是 Node.js 和 Chromium 浏览器的结合体,用 Chromium 浏览器显示出的 Web 页面作为应用的 GUI,通过 Node.js 去和操作系统交互。 当你在 Electron 应用中的一个窗口操作
The File Open DialogElectron不使用文件API,正如web应用一样,我们结合使用会话模块和Node的FS模块来完成文件操作。显示文件打开会话的基本方法是dialog.showOpenDialog。 首先将index.html的<body>中加入:<button id="select-directory">Choose a directory<
转载
2023-11-19 13:06:30
479阅读
# 如何在 Electron 应用中集成 Python
在现代软件开发中,结合不同技术栈以发挥各自的优点是一种常见的做法。Electron 提供了一种创建跨平台桌面应用程序的方式,而 Python 则以其简单易用和强大的库而闻名。本文将展示如何在 Electron 应用中集成 Python 代码,解决一个具体的问题:创建一个可以用来执行机器学习模型的桌面应用。
## 方案概述
我们的目标是创
本文主要介绍如何通过electron-packager及electron-builder两种方式,将已有的electron应用打包成msi格式和exe可执行文件。打包是一个成熟的应用程序一个重要的环节,希望这篇文章可以给大家一些参考,最后会讲到打包时遇到的一些坑,与大家分享。本文适用于有一些electron实践经验的小伙伴,知道如何创建一个简单的electron应用,并且知道electron主进程
转载
2023-08-23 19:47:03
734阅读
Electron教程(3)如何打包 electron 程序:electron-forge 的使用教程前言最近自己有个小的需求,是做一个能编
原创
2022-06-30 11:27:20
10000+阅读
1评论
1. electron简介2. 工具介绍3. 实践效果,步骤1)一个简单的 Electron 桌面应用都是冲 Hello World! 开始的。以上是使用 electron-vue 超级迅速制作出来的 electron 桌面应用。2)安装的组件vue init simulatedgreg/electron-vue white-electron-first3)build tool choice ?
转载
2023-12-02 14:02:57
97阅读
主进程api 1.1 Electron app 模块:app 模块是为了控制整个应用的生命周期设计的。 1.2 Electron autoUpdater 模块:这个模块提供了一个到 Squirrel 自动更新框架的接口。 1.3 Electron BrowserWindow 模块:BrowserWindow 类让你有创建一个浏览器窗口的权力。 1.4 Electron contentTracing
转载
2023-12-07 15:24:43
141阅读
基于Electron框架开发桌面应用时,如果使用了jquery,就会有冲突:jQuery is not defined。解决方法有好几种,下面的这种方法是通过修改jquery文件来规避冲突:打开jquery.js,在文件的开头加上:if (typeof module === 'object') {window.module =
原创
2016-11-01 22:05:57
1970阅读
1、安装electron,不建议全局安装,这样每个app可以使用不同的electron版本了2、配置package.json中的script下的start属性的值为electron .Electron应用结构主进程Package.json的main脚本的进程称为主进程。主进程中的脚本通过创建web页面来展示用户界面,一个应用有且只有一个主进程渲染进程由于 Electron 使用了 Chromium
目录先决条件第1步——设置开发环境安装Node.js和NPM设置Python虚拟环境创建虚拟环境第4步——创建Node.js应用程序如何在Electron和Python之间进行通讯什么是IPC?使用child_process生成Python进程使用python-shell使用客户端-服务器通信概括先决条件本教程专为希望使用现代Web技术、HTML、CSS和JS及相关框架构建桌面应用程序和GUI的P
转载
2023-11-17 20:26:48
106阅读
一. 准备工作 1.npm的安装需要下载node.js,安装完node.js之后npm自然会有。 参考链接:http://www.runoob.com/nodejs/nodejs-install-setup.html 2.Electron环境搭建 &nbs
最近在学习nodejs,得知Electron是通过将Chromium和Node.js合并到同一个运行时环境中,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一门技术。对于之前一直从事flash AIR桌面应用开发的我迫不及待的想“尝尝鲜”。首先,我们跟着Electron社区的快速入门程序(https://electronjs.org/docs/tutorial/quick-st
转载
2024-01-27 18:45:12
118阅读
一开始打包通过electron-packager,可以将electron应用打包成可执行exe,虽然可以实现桌面端应用,但是没有安装包而且没有在桌面创建快捷方式总是显得不是很正规,于是查询了下官网,果然有安装程序,下面就一点一点开始实现需求 首先我们需要将我们的程序打包 这里我们使用electron-packagernpm install electron-packager --save-
转载
2024-09-14 13:12:02
98阅读
# 使用 Electron 打包 Python 应用程序的指南
在现代应用程序开发中,Electron 提供了一种方便的方式来构建跨平台的桌面应用。如果我们需要在 Electron 应用中集成 Python 代码,可以通过多种方式实现。本指南将明确介绍如何将 Python 程序与 Electron 应用结合,并最终进行打包。我们将使用 `PyInstaller` 来构建 Python 应用,并使