场景

用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106413828

上面已经讲了使用Electron项目搭建Hello World

最后通过npm start将项目运行，那么怎样将Electron项目打包成exe桌面应用文件那。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

使用elcetron-packager打包

首先在电脑上全局安装electron-package

npm install electron-packager -g

或者

cnpm install electron-packager -g

安装成功后进入到项目所在文件夹下这里是electron-quick-start，在此文件夹下打开cmd

electron-packager .

注意后面有个点

上面的命令时最简单的打包，全部使用默认配置。

打包成功后

来到项目所在文件夹下找到electron-quick-start-win32-x64这个文件夹下的electron-quick-start.exe

双击exe文件启动

上面是使用默认的配置进行的打包，除此之外还有一些个配置可以在打包时进行设置

基本命令：

electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]

命令说明：

sourcedir：项目源文件所在路径（唯一的必须参数）

appname：项目名称（直接使用package.json文件中的name属性更方便）

platform：要构建哪个平台的应用（Windows、Mac 还是 Linux）

arch：决定了使用 x86 （ia32）还是 x64（x64），还是两个架构都用

optional options：可选选项

更多命令可以通过

electron-package --help

来查看

Electron项目怎样打包成桌面exe应用相关推荐

将Vue项目代码打包成桌面应用
参考 electron 官网第一步: 安装Vue脚手架Vue CLI只能用最新版,建议在用官网最新命令行 npm install -g @vue/cli 第二步: 创建vue项目 vue creat ...
【Electron】使用Electron将web项目打包成桌面应用程序
目录一.所需环境&打包前准备 1.安装node.js 2.安装electron 3.web项目二.打包过程 1.打包配置 2. 安装打包器 3.执行打包命令: Electron是由GitH ...
【最简单】Electron 怎么将网页打包成桌面应用（web前端页面怎么生成exe可执行文件）
在 HTML5的崛起.JavaScript要一统天下之际,有一个名为[跨平台]的技术越来越火.为什么会这么火?因为软件开发者只需一次编写程序,即可在 Windows.Linux.Mac.IOS.And ...
将 C# .NET ( Core Framework ) WPF Winform 项目打包成单个 exe 可执行文件
对于一个项目来说,如果能够把软件打包成单个 exe 可执行文件,无需安装,下载后直接打开即可使用,就可以极大地方便用户使用,从而增加用户使用你的产品的意愿.同时,依托于 .NET 的原生优势,一般大小 ...
vs2017python如何打包exe_VS2017项目程序打包成.msi或者.exe
VS2017项目程序打包成.msi或者.exe 1.安装打包插件:Microsoft Visual Studio 2017 Installer Projects 打开vs2017 ,选择工具 --& ...
Electron如何在UOS操作系统(统信)下打包成桌面应用？
目录 1.前言 2.解决双击.点击.无法安装.无法运行程序的方法 3. 将appimage文件转为deb文件 4.闭坑!Electron打包成deb文件 1.前言在UOS系统下,deb软件包是可以安 ...
如何将cocos2d-x项目打包成一个.exe
今天在CSDN上看到了一片有趣的博文,没错,他还是关于cocos2d-x的,但不同之处是,这会正对的不是ios又或安卓,而是我们最熟悉的windows,他教会了我如何将一个cocos2d-x编译后产生 ...
将网站打包成桌面程序并生成安装包（跨平台）
一.Nativefier将网站打包成桌面程序介绍 Nativefier 是一个命令行工具,仅仅通过一行代码就可以轻松地为任何的网站创建桌面应用程序,应用程序通过 Electron打包成系统可执行文件 ...
Vue 打包成桌面应用 vue打包成桌面应用 vue 打包桌面应用 vue 部署桌面应用 vue部署为桌面应用 vue部署为桌面应用 vue 桌面应用
文章目录使用到的工具 electron 第一步打包 dist 第二步创建配置文件 main.js package.json 第三步安装 Electron 第四步测试运行第五步安装 el ...

Electron项目怎样打包成桌面exe应用

场景

实现

使用elcetron-packager打包

Electron项目怎样打包成桌面exe应用相关推荐

最新文章

热门文章