用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
即使在移动端和云端大行其道而，
桌面
端日渐落末的现在，我的心中仍然为
桌面
应用
留有一个特殊的位置。和Web
应用
比起来
桌面
应用
的优点还是很多的：只要把它们放在开始菜单栏或者dock上，你就能随时打开它们；还可以通过alt-tab或者cmd-tab切换
应用
；和操作系统之间的交互更良好（快捷键，通知栏等）。使用JavaScript开发
桌面
应用
意味着在
打包
（packageapplication）的时候你会需要根据操作系统的不同发出不同的命令。这一行为是将原生
桌面
应用
兼容不同平台的概念抽象出来，方便维护
应用
。现在，我们可以借助
Electron
或者NW.js开发一个
桌面
应用
。其实这两者提供的或多或少差不多的特
cnpm install
electron
--save-dev
cnpm install
electron
-packager --save-dev //这个是打
成
exe
文件的插件，之后要用，提前下载好
获取
Electron
的资源
git clone https://github.com/
electron
/e...
cd
electron
-quick-start
cnpm install
今天有
项目
需要，需要把html
项目
打包
成
exe
，向客户展示体验，记录一下
打包
过程。这里使用
electron
打包
html，所以先拉去
electron
代码
项目
内容如图拷贝html
项目
到
electron
项目
下[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kF4SMNEN-1657182656660)(https://picshack.net/ib/Hy8g3FyiRf.PNG)]output就是我的html
项目
完整
项目
目录修改main.js，只展示修改部分代码
安装
打包
工
基本命令：
electron
-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]
命令说明：
sourcedir：
项目
源文件所在路径（唯一的必须参数）
appna...
Electron
是由 Github开发的开源框架，它允许开发者使用Web技术构建跨平台的
桌面
应用
。
electron
是通过将Chromium和Node.js合并到同一个运行时环境中，用html，css，JavaScript来构建跨平台
桌面
应用
的一个开源库，并将其
打包
为Mac，Windows和linux系统下的
应用
来实现这一目的。
Electron
= Chromium + Node.js + Native API
Chromium : 为
Electron
提供了强大的UI能力，可以不考虑...
最近自己有个小的需求，是做一个能编辑本地特定文本的工具，需要跨平台， Windows 和 macOS，这样，如果用原生开发的话，Windows 就要用c#macOS 就要用swift，学习
成
本高，并且学完用处也不是很大。我本身是前端开发的，发现了这个
electron
能满足我的需求，跨平台运行，内部是 js 驱动的，简直就是如鱼得水。顺便把学习的经历写出来，分享需要的人，我会按标题序号渐进式地编写内容。
electron
。...
Electron
是一个可以使用Web技术如：JavaScript、HTML和CSS来创建跨平台原生
桌面
应用
的框架。借助
Electron
，我们可以使用纯JavaScript来调用丰富的原生APIs
Electron
用Web页面作为它的GUI，而不是绑定了GUI库的JavaScript。它结合了Chromium、Node.js和用于调用操作系统本地功能的APIs(如打开文件窗口、通知、图标等)
二 准备材料
开发电脑：Windows10
Node：16.13.1
Npm：8.1.2
三 ele
