electron安装，打包成应用程序或者小程序-526互联

在使用 Electron 进行开发之前，需要安装Node.js，可以在终端输入以下命令输出了 Node.js 和 npm 的版本信息：

node -v

npm -v

没有的话，自行查找并安装。

全局安装： npm install electron -g ，非全局安装：npm install electron

如果不能安装，卡住或者不动可以试试淘宝镜像安装：

全局安装： cnpm install electron -g ，非全局安装：cnpm install electron

（如果下面的命令卡住或者不动，可以将npm 变为cnpm (淘宝)）

接下来是打包

electron-packager方式

操作简单，打包后的目录就是程序的运行目录，相当于已经安装过，不用安装操作后才能运行。

安装electron-packager：

npm install electron-packager --save-dev

npm install electron-packager -g （全局安装）

打包命令：

electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> --out=out --icon=assets/app.ico --asar --overwrite --ignore=.git

<sourcedir>: 应用程序源代码所在的目录。通常是您的应用程序的根目录。
<appname>: 打包后应用程序的名称。
--platform=<platform>: 指定要构建的操作系统平台，可以是win32、mas、darwin或linux。
--arch=<arch>: 指定要构建的CPU体系结构，可以是x64、ia32、arm64等。
--out=out: 将输出文件放在指定的目录中，此处是将输出文件放在当前目录下的out子目录中。
--icon=assets/app.ico: 指定应用程序图标的路径。这里将应用程序图标设置为assets/app.ico。
--asar: 将应用程序打包成一个单独的ASAR归档文件。这使得应用程序的文件更难以访问和修改，同时也减少了应用程序启动时的I/O操作次数。
--overwrite: 如果输出目录中已经存在相同名称的应用程序，则覆盖已有的文件。
--ignore=.git: 忽略.git目录和其中的所有文件。

electron-builder方式

能够打包成安装器，能自定义打包方式。

安装yarn（electron-builder打包依赖yarn）：

npm install -g yarn

安装electron-builder：

npm install -g electron-builder

在 "scripts": 添加：

"pack": "electron-builder --dir",
"postinstall": "electron-builder install-app-deps",
"dist": "electron-builder",
"dist-win": "electron-builder --win --ia32",
"dist-win64": "electron-builder --win --x64",
"dist-mac": "electron-builder --mac",
"dist-linux": "electron-builder --linux"

如果遇到 Cannot find module 'builder-util' 这个问题可能是 builder-util 缺失或者版本太低

可以通过