打包Electron项目

摘要:
上一节中运行的项目提到,打包和输出工具electricpackager可以全局安装:或者您可以在package.json文件的脚本中配置此命令。注意:其中标记为红色:myClient是生成的exe文件名(可自定义)/electroapi demos master是生成文件的路径(通常输出到项目根目录)。

 先确保该项目正常运行npm run dev,结束程序,

上篇的项目运行已经提到了打包输出工具electron-packager

可以使用全局安装的方式:     npm install -g electron-packager

也可以使用当前项目局部安装的方式:npm install save-dev electron-packager

安装好后,执行electron-packager . myClient --win --out ../electron-api-demos-master --arch=x64 --app-version=0.0.1 --electron-version=6.0.3来打包项目,

或者将该命令配置到package.json文件的scripts中

注意:标红的地方》myClient是生成后的exe文件名(可自定义),../electron-api-demos-master是生成文件的路径(一般输出到项目根目录下),64指本电脑的操作系统几位,6.0.3是electron的版本号

 打包Electron项目第1张

打包Electron项目第2张

打包Electron项目第3张

 执行成功后的这句【Wrote new app to ..electron-api-demos-mastermyClient-win32-x64】就是生成文件的相对路径,如图

打包Electron项目第4张

点进去便可看到生成的所有文件,包括exe文件,双击便可看到窗体效果了

打包Electron项目第5张

可以给exe文件右键创建快捷方式,放到桌面上,双击弹出窗体,是不是有种莫名的成就感呢

打包Electron项目第6张

打包Electron项目第7张

免责声明:文章转载自《打包Electron项目》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇最简方式 表格编辑 基于 el-tableflt基础知识记录并分享下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

使用vscode访问和修改远程计算机文件

 这篇文章为Remote Development扩展出现之前所应用的技术,在Remote Development扩展出现后,可直接使用扩展,详情请参阅使用vscode进行远程开发。 以下为旧文档,仅作记录。 使用vscode访问和修改远程文件,分三步实现:在远程linux机器上安装rmate;在本地windows上安装openssh;在vscode中安装扩...

Android Studio手动下载配置Gradle的方法

1 问题 (1) android sutdio第一次打开一个工程巨慢怎么办? (2) 手动配置Gradle Home为什么总是无效? (3) 明明已经下载了Gradle,配置了gradle home,为什么打开工程还是去自动下载Gradle? 2 简介 (1) Android Studio怎么知道该用哪个Gradle呢? AS一个项目所用的Gradle是由...

如何发挥Visual Studio 2019强大的编辑功能轻松编辑Keil项目

  本文地址:https://www.cnblogs.com/jqdy/p/12565161.html   习惯了VS的强大编辑功能,对Keil 5越来越深恶痛绝。查阅网络文章后按图索骥初步实现了VS编辑Keil项目的功能,但是VS仍然不识别sfr、sbit、bit等特有关键字。虽然不是大问题,但是当键入STC8.h中定义的相关寄存器名称时,不能使用自动提...

WCF的简单

WCF的简单 WCF的学习之旅 一、WCF的简单介绍      Windows Communication Foundation(WCF)是由微软发展的一组数据通信的应用程序开发接口,可以翻译为Windows通讯接口,它是MS为SOA (Service  Oriented Architecture)战略而设计的一套完整的技术框架。它是一种统一的编程模型,用...

Hive的基本操作

一、创建数据库   hive>create database mydb ; //hql和mysql语法极其相似   hive>show databases;//查看所有数据库 二、创建表   格式:     create [external] table <表名>(列的定义,....)  [row format delimited...

Mac 安装redis

一.下载安装 1. 官网http://redis.io/ 下载最新的稳定版本,这里是3.2.0  2. sudu mv 到 /usr/local/  3. sudo tar -zxf redis-3.2.0.tar 解压文件  4. 进入解压后的目录 cd redis-3.2.0  5. sudo make test 测试编译  6. sudo make...