经济学中的“有需求就有市场”,在技术领域也不例外,Electron 是应需求而生的,Electron 面世之后,非但满足了现有大部分的开发需求,还创造了大量的新需求,开辟了一个新的生态。本章我们从 Electron 的由来讲起,讲到需求从何而来,它是如何满足这些需求的。Electron 的由来如果想开发一个桌面 GUI 应用软件,希望其能同时在 Windows、Linux 和 Mac 平台上运行,
如何用 Vue.js + Electron 把你的 Python 控制台应用套上好看的 GUI[0]引言技术调研基本情况我为什么没有选择 Qt、Tkinter、pyQt 和 MATLAB 的 GUI 工具箱基于 WEB 的技术的优势做出了一个什么东西 引言通常,捉虫的程序员总是活跃在月黑风高的后半夜。漫漫长夜过后,看到项目里的虫子终于应捉尽捉,幸运的嵌入式/算法/测试程序员总算可以长舒一口气。但
转载
2024-01-12 05:46:33
206阅读
Hello,Electron!在这一节中,我们将创建一个最简单的Electron应用1、新建项目 选择新建项目,在左侧项目语言栏选择Node.js项目,项目位置选择自己创建项目的路径,我这里的路径是E:\python\Electron 如果前面环境准备章节没有问题,nodejs和npm安装成功的话,在Node.js项目新建界面底部更多设置会自动识别出node节点解释器的位置以及npm软件包
转载
2023-07-20 14:28:55
488阅读
当Python项目编码完成之后,有时候我们需要让其在没有Python环境的电脑上运行,此时我们就需要将Python项目进行打包了。本篇文章主要是基于Python的第三方库pyinstaller进行的。使用pyinstaller打包Python项目,相对于C和C#项目的打包要简单很多。项目地址pyinstaller gitpyinstaller安装pip install pyinstaller环境要
转载
2023-11-19 13:06:18
375阅读
前言通过Electron技术 + python 构建桌面应用实际上非常麻烦,需要使用python构成后端并打包,然后使用Vue作为前端,还要用Electron打包。
但是好处就是可以同时得到来自前端UI框架的高颜值支持以及python海量轮子的快速实现(以及较为完善的多端部署功能),项目可以快速扩展成全平台应用。
所以我在这个博客里记录了Python + Vue Electron 构建桌面应用的方
转载
2023-07-05 22:47:46
3741阅读
WIN10 Electron+Python界面开发(通信方式:thrift) Python做界面开发要么繁琐要么太丑,同时Python客户端开发人员又是非常稀少的。而WEB前端工程师一抓一大把,同时WEB前端所开发出来的界面及交互效果都是非常美观的,同时有的软件可能客户端也需要,WEB端也需要,甚至移动端也需要,在要求美观的同时,有没有一个解决方案就能适应所有平台的呢? 没错,目前最好的解决方案就
转载
2023-11-22 16:50:50
241阅读
写在前面注: 如果您是第二次阅读本文, 推荐直接阅读 快速开始 章节以快速复现最终运行效果.本文所涉及文件已存放在网盘空间: https://www.jianguoyun.com/p/DdlvwhwQ7t6sBxjJkcoB 欢迎下载使用.概述本文是基于一个 python 开发者的角度, 尝试使用 electron 来开发桌面应用.请注意本文只是一个面向新手的文章. 内容涉及 如何让 electr
转载
2023-11-17 19:51:26
475阅读
转载:(第一个demo和安装依赖的包)一、简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用
转载
2024-05-28 17:27:03
90阅读
Electron 是什么定义Electron是一个能让你使用传统前端技术(Nodejs, Javascript, HTML, CSS)开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。历史2013年的时候,Atom编辑器问世,作为实现它的底层框架Electron也逐渐被熟知,到2014年时被开源,那时它还是叫Atom Shell。接下来的几
转载
2023-11-13 15:04:35
257阅读
electron应用开发接口(API)分为6大模块:Main Process 模块、Renderer process模块、 自定义Dom元素、chromium和node.js、类和API结构。1、main process模块(主进程):app :控制应用程序的事件生命周期。 autoUpdater :使应用程序能够自动更新。 BrowserView (浏览器视图):browserWindow里的视
转载
2023-10-17 15:09:44
172阅读
electron学习教程1.介绍2.五分钟快速上手2.1 先创建index.html文件2.2 再创建main.js文件2.3 再安装electron2.2 配置为入口文件2.5 运行3.自动刷新页面4.主进程和渲染进程5.自定义原生菜单5.1 自定义菜单5.2 给菜单定义点击事件5.3 抽离定义 打开调试5.4 自定义顶部菜单 支持拖拽5.5 点击创建新窗口5.6 点页面打开外部浏览器6 打开
转载
2024-06-12 10:36:43
140阅读
Electron基础知识Electron介绍基础介绍桌面技术选型技术架构与原理Electron 快速上手1、 初始化工程2、安装依赖3、创建 HTML4、创建入口文件5、管理窗口的声明周期6、预加载脚本Electron 的流程模型1、主进程2、渲染进程3、预加载脚本Electron IPC 通信1、渲染进程给主线程发送消息,主线程回复2、主线程给渲染进程发送消息 Electron介绍Electr
转载
2023-11-03 21:36:48
220阅读
Electron 学习文档:://electronjs.org/docs/tutorial/first-app概述1、Electron 可以使用 JavaScript 来调用原生(操作系统)APIs 来创建桌面应用。2、可以把 Electron 看作一个 NodeJs 的变体,它专注于桌面应用,而不是web服务器。3、Electron 不是某个图形界面库的 JavaScript
转载
2024-01-31 00:05:45
174阅读
这不意味着Electron是绑定了GUI库的JavaScript。相反,Electron使用Web页面作为它的GUI,所以你能把它看作成一个被JavaScript控制的,精简版的Chromium浏览器。Electron的版本更新很频繁,基本保持在1周发布一个小版本,每季度发布一个大版本。除了稳定版外还有Beta版和Nightly(最新功能试用版),Chromium更新时,Electron也会跟着更
转载
2023-10-12 06:40:42
461阅读
Pycharm调试Electron 程序的编写过程离不开调试,在刚开始编写Electron程序的时候我不懂怎么调试主进程,只会通过Chrome的Devtools调试渲染进程,所以程序编写过程非常苦恼。后来决定研究下怎么调试主进程,我使用的是Pycharm,Electron官网并没有给予Jetbrains的IDE详细的说明,只是说明了VSCode如何来调试Electron程序。 但是有如下几个
转载
2024-01-09 23:22:32
123阅读
开发环境介绍主机操作系统:Windows7Python版本:Python 2.7.12node版本:v8.9.3npm版本:v5.5.1cnpm版本:v6.0.0Electron版本:v2.0.7提示:Windows7 / Server 2008 R2 或更高Visual Studio 2017 - 免费下载 VS 2017 Community EditionPython 2.7.12Node.j
转载
2024-05-14 13:17:03
606阅读
Vue组合式API中如何使用TS组合式API使用TS组合式API中使用TS,要比选项式API中使用TS会更加的简单,不需要做过多的处理,只需要利用原生TS的能力就可以。并且组合式API都具备自动类型推断的能力,代码如下:<script setup lang="ts">
import { computed, ref } from 'vue';
let count = ref(0);
le
转载
2023-10-23 11:56:18
70阅读
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。下述electron版本为13.1.4。一、安装1、vue add electron-
转载
2024-06-26 10:01:24
174阅读
官方文档:https://www.electronjs.org/zh/docs/latest/tutorial/tutorial-first-app一、基本要求1.检测环境node -v
npm -v 二、创建您的第一个应用程序1.初始化 npm 项目mkdir my-electron-app
cd my-electron-app
npm init2.安装完 Electron 
转载
2024-06-24 10:37:30
189阅读
1.关于electronelectron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将chromium和node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。 2.最基础的electron程序基础的Electron程序三个文件:package.json
转载
2024-02-04 00:55:52
36阅读