Electron – 基础学习(2): 项目打包成exe桌面应用

项目创建完成,启动正常,接下来就是项目打包了。将测试Demo打包成exe桌面应用,点击exe文件,运行项目。

书接上文,创建项目有三种方式 Git拷贝、直接创建、通过electron社群提供的命令行工具(CLI)  electron-forge 创建项目,看起来对应的项目打包方式也应该有三种才对,但其实细看第一种方式和第三种项目创建方式是一样的,所以它们的项目打包方式也是一样的。

打包 electron 项目webpack工具有 electron-packager 和 electron-builder 两种。下面先从 electron-packager 开始,一个个来。

第一步:全局安装 electron-packager,便于系统通用

npm install -g electron-packager 或 cnpm install -g electron-packager

 

第二步:打包 electron 项目

  (1)、Git拷贝 对应打包、直接创建项目 对应打包。

  a:通过命令行(CMD)进入需要打包的项目(测试项目electron-quick-start 或 electronSelfBuilt) 项目文件夹 或代码编辑工具(vscode、webstorm)等直接打开项目。

  b:打开 package.json 文件,找到  "scripts" 项,查看 "scripts" 项内是否有 项目打包 相关参数配置,即“package”参数。(注:electron-quick-start 从库上拉下来,"scripts" 项内没有“package”参数)

     

            图1:打包相关参数, “package” 不存在                                        图2:打包相关参数, “package” 存在

    b1:如果  package参数,如上图2所示,则继续执行下面c步骤,进行项目打包。

    b2:如果 没有 package参数,如上图1所示,那么也有三种打包方式。就需要我们在"scripts" 项内自行添加 package参数

      b21:直接输入命令 electron-packager .  (注意后面这个点,在这必须要有,这个 . 在这表示源文件所在路劲。如果源文件和 package.json 文件不在同一级目录下,则应将 . 换成对应的源文件目录),进行打包。

        electron-packager . 或 electron-packager ./xxxxxx

        打包完成后,在当前目录下会自动生成了一个新的文件夹 electron-quick-start-win32-x64,点开新文件夹 electron-quick-start-win32-x64 里面有一堆文件,如下图所示:

          

      b22:在 electron-packager .  命令中配置打包参数(这个其实就是b21 中 electron-packager . 命令的改良版)

        命令格式:electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]

        参数说明:

          sourcedir:项目源文件所在路径(唯一的必填参数,b21中的 . 就是源文件路劲)
          appname:打包完成后项目名称(非必填参数。不填的情况下,项目打包完成后会自动以 package.json 文件中的 productName 或 name 属性 命名)
          platform:需要构建那种平台的应用(all,或下面的一种或几种:darwin,linux,mas, win32 (如有多个,用, 隔开)。默认为当前平台类型 (all, or one or more of: darwin, linux, mas, win32 (comma-delimited if multiple).Defaults to the host platform))

          arch:决定使用那种系统类型(all,或下面的一种或几种:ia32(32位系统), x64(64位系统), armv7l, arm64, mips64el(如有多个,用, 隔开)。默认为当前系统类型 (all, or one or more of: ia32, x64, armv7l, arm64, mips64el (comma-delimited ifmultiple). Defaults to the host arch))

          optional options:其他可选 配置项
        命令实例:electron-packager . tempApp --win32 tempApp --arch=x64   (备注::源文件所在路径;tempApp :打包完成后项目名称;--win32:构建Windows平台应用;tempApp:打包完成后 应用存放文件夹;x64:64位系统)

           

      b23:上面两种方式虽说都可以完成打包,但是每次打包都需要输入老长的命令,尤其是b22,还有各种配置,就这表示我们要去记这些配置,是很麻烦的,所以。

  c:执行打包命令,进行打包

  npm run-script package 或 cnpm run-script package

  d:打包成功,在当前目录下生成一个新的文件夹,里面生成一堆文件,如下图:

  点击其中的exe,即可启动桌面程序:

  (2)、electron-forge 创建项目 对应打包。

  

  该配置的 electron-forge init 初始化项目的时候都配置好了,我们只需要执行命令: npm run-script package 或 cnpm run-script package 就行,所以说CLI 工具打包是真的简单。

  npm run-script package 或 cnpm run-script package

    打包前源代码文件结构,及打包命令执行:  

    打包命令执行完毕,及打包后源代码文件结构:  

    进入 out文件夹 -> electrontest-win32-x64文件夹 找到,双击exe应用程序,启动项目。

    

原文地址:https://www.cnblogs.com/donghuang/p/12170562.html

时间: 2024-10-08 00:41:02

Electron – 基础学习(2): 项目打包成exe桌面应用的相关文章

Electron+Vue – 基础学习(2): 项目打包成exe桌面应用

项目创建完成,启动正常,接下来就是项目打包了.将测试Demo打包成exe桌面应用,点击exe文件,运行项目. 书接上文,创建项目有三种方式 Git拷贝.直接创建:通过electron社群提供的命令行工具(CLI)  electron-forge 创建项目,看起来对应的项目打包方式也应该有三种才对,但其实细看第一种方式和第三种项目创建方式是一样的,所以它们的项目打包方式也是一样的. 打包 electron 项目webpack工具有 electron-packager 和 electron-buil

java项目打包成exe文件

前言: 我们都知道Java可以将二进制程序打包成可执行jar文件,双击这个jar和双击exe效果是一样一样的,但感觉还是不同.其实将java程序打包成exe也需要这个可执行jar文件. 准备: eclipse.exe4j(网上有软件和帐号下载) 第一步,将java项目打包成可执行jar文件,首先看一下我的java project结构,Main.java是程序入口类,里面有main函数,config目录是些配置文件,lib是用到的第三方类库 开始打包,Simulate(Java项目)-鼠标右键-E

Java项目打包成exe的详细教程

把Java项目打包成exe共分为以下两步: 1. 利用Eclipse先把Java项目先打成jar包 2. 利用exe4j工具把jar包转成exe 这里以Java项目(ExeDemo)为例进行讲解 随便在一个位置新建一个文件夹,文件夹的名称也可以随便起,这里我们在桌面上新建一个文件ExeDemo 1.利用Eclipse先把Java项目先打成jar包 (1)找到要转成exe的Java项目 (2)Export相应的Java项目 (3)选择Java->JAR file (4)按照如下设置,然后点击Fin

Pyton项目打包成exe文件

Python项目打包成exe文件 1 系统环境 windows版本: Win7 64位 python环境:Anaconda python版本:3.6 64位 pyinstaller版本:3.5 1 安装pyinstaller库 Pyintaller打包时,会将解释器中所有的包默认一起打包,结果打包出的exe文件非常大.所以,建议使用Anaconda的虚拟环境来安装程序需要的包,然后在该虚拟环境中进行打包. 打开,Anaconda Prompt,切换到新建的虚拟环境安装pyinstaller和程序

web项目打包成exe在windows下一键安装 jdk+Tomcat+mysql

最近因为公司销售人员不懂软件,所以每次部署项目都需要技术人员到客户现场进行部署,很不方便.所以公司就让把我们的项目做成傻瓜式安装,这样就可以让销售人员去安装,也给技术省了很多事.我在网上找了很多教程但是有些地方还是不全,而且每个人写的也都不一样,所以在制作过程中遇到很多问题,经过几天研究终于实现了,现在就把我整理.研究的写下来,希望可以帮到更多人. 一:打包工具 在网上下载一个 Inno steup的制作exe文件工具 下面是我整理好的compile.iss文件(以下这个可以直接复制过去把要改的

JavaFx项目打包成exe,并集成Jre,使Java项目在任意机器运行

首先需要exe4J软件 链接:https://pan.baidu.com/s/1kRu9Gst7wcLPYtQ4Jy0YwQ 提取码:r1ai 自行下载,安装过程省略,一直下一步就行 打开exe4j软件 1.如下图,有配置的可以选择配置,没有的就不管,直接next 2.选择"JAR in EXE" mode 3.选择输出目录 4.设置生成的文件名成(不是软件名),设置软件图标 5.设置系统位数,如果是64请勾选,否则不勾选(我也不知道对不对,如果报错就不勾选在打包一次) 6.设置软件运

exe4j将java项目打包成exe程序

参考网址:https://www.cnblogs.com/duwanjiang/p/6390379.html(项目的打包到exe4j的使用) 报错:The JAVA_HOME environment variable does not point to a working 32-bit JDK or 看这个 https://blog.csdn.net/xiciliu/article/details/54893150 原文地址:https://www.cnblogs.com/free-discip

Swing项目编译成exe,并且打包成安装文件(一)

我们一般用java做Swing项目的时候一般都是只能在Myeclipse里面运行,那么怎么把我们的项目打包成exe可以直接双击运行呢? 初始工作:为了不让用户安装java环境,所以我们先新建一个文件夹,里面先把我们的jdk放进去 首先看下我的项目结构 其实很简单,就是一个java项目,支部会是Client继承了Jframe 好啦,那么怎么把这个项目变成exe呢,当然,首先我们要将项目先变成jar,那么在Myeclipse里面将项目变成jar其实简单, 对着项目右键-->Export -->Ja

Swing项目编译成exe,并且打包成安装文件(二)

前面我们讲到了将Swing项目编译成双击可执行的文件exe,这篇我就教大家怎么把exe打包成需要在电脑安装的那种,首先需要一个工具,Inno Setup 编译器, 下载地址,我这个是汉化版的,双击打开之后是这个样子的,选择用[脚本向导]创建新的脚本文件 直接选择下一步 按照相对应的填写就好,之后下一步 基本不做什么修改,直接下一步 应用程序主执行文件就是Swing项目打包成exe的这个文件,如果文件夹里面还有其他东西,记得在下面选择添加文件夹,将整个文件夹都添加进来 ,接着一直下一步即可 点击完