electron简介electron是由Github开发，是一个用Html、css、JavaScript来构建桌面应用程序的开源库，可以打包为Mac、Windows、Linux系统下的应用。electron是一个运行时环境，包含Node和Chromium，可以理解成把web应用运行在node环境中结构electron主要分为主进程和渲染进程，关系如下图electron运行package.json中
Pycharm调试Electron 程序的编写过程离不开调试，在刚开始编写Electron程序的时候我不懂怎么调试主进程，只会通过Chrome的Devtools调试渲染进程，所以程序编写过程非常苦恼。后来决定研究下怎么调试主进程，我使用的是Pycharm，Electron官网并没有给予Jetbrains的IDE详细的说明，只是说明了VSCode如何来调试Electron程序。 但是有如下几个
转载
2024-01-09 23:22:32
123阅读
vue项目打包成exe可执行文件在学习的过程中，发现关于 Electron ，常见的有两种打包方法：将自己的 vue 项目打包，放到官方的 demo 文件中，改变打包路径在自己的 vue 的项目中引入插件，然后打包 经过一番尝试，我决定采用第一种，原因是：特！别！简！单！下面详细介绍下第一种方法：打包成exe可执行文件1、把electron的官方例子扒下来，下面简称A，留着待用：git clone
转载
2023-12-18 15:17:19
345阅读
本章主要内容构建并启动Electron应用生成package.json,配置成Electron应用在你的项目中包含预先构建Electron版本配置package.json以启动主进程从主进程生成渲染进程利用Electron限制宽松的优点构建通常在浏览器无法构建的功能使用Electron的内置模块来回避一些常见的问题在第一章中，我们从高的层次上，讨论了什么是Electron。说到底这本书叫做《Ele
1.安装 node.js进入Node官网下载node.js，安装，已经集成了npm就不需要重复安装了2.配置环境变量在命令行窗口输入 node -v 查看node是否安装成功；输入 npm -v 查看npm是否安装成功3.安装 electrong表示全局变量（系统环境）已翻墙的可以直接通过npm指令安装，未翻墙的需要通过cnpm安装：（1）安装cnpmnpm install -g cnpm --r
转载
2024-05-21 15:56:41
148阅读
项目背景实现一款交互屏桌面应用软件，类似医院那张种给用户操作办理业务的应用程序。操作业务中在充值后可供用户打印小票。开发框架：electron-vuevue版本：v2.6.14electron版本：v17.2.0node版本：v16.13.0实现流程：ps：提一下主结构的版本，是因为在electron中很多情况下出现各种问题是由版本问题导致的。实现1.获取系统打印机列表在主进程窗口，通过webCo
转载
2023-11-24 05:12:37
147阅读
Elenctron项目创建 继上一章我们相继完成了Electron项目的运行与打包这一章就让我们继续学习怎么把打包好的项目打包成一个exe应用 需要在全局安装aras包npm i aras -g需要下载安装nisi软件进行项目的编译与安装（软件自行百度下载即可）博主这边安装的版本是2.51出现上面那个界面点击编译工具（HW VNISEdit）点击文件，然后点击新建脚本:向导在应用程序信息中，可以修
转载
2023-11-19 08:09:08
57阅读
electron将vue项目打包为exe程序将自己的vue项目进行打包npm run build可以看到打包后的文件安装electronnpm install electron将这个地址复制到文件夹中打开 打开后进到/dist里面 然后把这个地址配置环境变量配置环境变量：在系统变量的path中添加进去安装成功之后，可以看到electron安装后的版本 此时表明安装成功创建主程序的入口文件main.
转载
2024-01-30 22:01:41
572阅读
最近在学习nodejs,得知Electron是通过将Chromium和Node.js合并到同一个运行时环境中，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一门技术。对于之前一直从事flash AIR桌面应用开发的我迫不及待的想“尝尝鲜”。 1.在命令行里安装全局electron： npm install -g electron Ps:在这之前你需要安装nodej
转载
2023-11-23 16:14:26
262阅读
上一篇文章【Electron】 Electron 开发桌面应用（一） 编写→运行→打包 我们已经得到了electron打包好的应用了，目录如下，但是我们如何整合成一个安装程序，发给客户使用呢？我们可以使用grunt-electron-installer来生成一. 准备 安装grunt-electron-installer。 &nb
转载
2024-08-15 11:06:56
209阅读
Electron序对于Electron，我没有去看vs code的历史时是完全不知道这样一款框架的。首先先从Vs Code说起，总所周知，这是一款非常好用的编辑器（尤其是对于前端开发人员）。一开始我看到Vs Code的全名 —— Visual Studio Code ，以为这也是像VS一般使用后端语言编写出来的编辑器。 不过当我知道居然是开发人员使用TypeScript编写的，当时是非常惊讶的。介
探索 Electron Installer Debian：简单易用的 Electron 应用程序打包工具 electron-installer-debianCreate a Debian package for your Electron app.项目地址:https://gitcode.com/gh_mirrors/el/electron-installer-debian 项目简介是一个开源项目
转载
2024-10-22 14:24:32
32阅读
# Electron 执行 Python EXE 程序并获取返回消息
Electron 是一个使用 JavaScript, HTML 和 CSS 构建跨平台桌面应用程序的框架。它允许开发者使用 Web 技术来创建桌面应用程序。然而，Electron 本身并不支持直接执行 Python 程序。但是，我们可以通过一些技巧来实现这一功能。本文将介绍如何使用 Electron 执行 Python EXE
原创
2024-07-20 07:40:00
195阅读
参考链接： Electron入门应用打包exe（windows） 安装nodejs 就顺便自己安装了npm： node-v14.17.3-x64.msi 一路next，如下位置勾选。 安装electron-packager配置淘宝镜像： npm install electron-packager - ...
转载
2021-07-23 09:01:00
1243阅读
2评论
打包方式1：DOS窗口命令打包 DOS 下，输入 npm install electron-packager -g全局安装我们的打包神器： 在项目文件夹下面，也就是根目录下面打开DOS执行打包命令： 各个参数介绍： 打包方式2：package.json设置打包： 建议将打包的命令设置在package
原创
2021-07-23 11:52:27
1816阅读
前置：需要说明一下的是，这里没有使用 Electron 内置的打印API，也没有使用electron-vue 和 electron-react 模板框架。背景：项目最开始是采用 React + antd 开发Web版本，后面客户想要一个Electron桌面端的，然后在转换的过程中出现了一些问题，所以这里简略记录一下这里的不同之处。大家都知道Electron 是结合 Chromium 和 Node.
手把手教你把前端代码打包成msi和exe应用Electron实战：创建ELectron开发的window应用安装包
转载
2022-11-08 18:55:29
408阅读
一、安装 electron-packagerPS：安装之前，先复制一份package.json文件到./app目录下，然后改下./app目录下package.json里 “main”: “app/main.js”的路径（去掉app/），不这样子的话，下面打包的时候会报错，有的版本识别不了应用路径。1、使用命令 npm install --save-dev electron-pa
原创
精选
2023-05-15 10:38:49
3663阅读
exe服务化方法electron软件内置exe程序，在安装时将软件指定路径下的exe注册成服务。前置知识electron中nsh脚本编写这里使用nsis的打包方式，可以使用nsis语法的nsh脚本构建注册表，执行cmd命令。（https://www.electron.build/configuration/nsis#custom-nsis-script）nsis教程（Scripting Refer
原创
2023-08-11 10:58:15
1136阅读
Electron
原创
2022-06-07 19:42:12
362阅读
点赞
