electronjs基于nodejs使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。www.electronjs.org/

开始

从github.com/electron/el…下载基础配置，在本地解压后，执行npm i进行安装依赖。

electronjs插件里面有比较大的依赖文件，直接使用npm i进行安装的话，electronjs安装时间太长，可以使用淘宝镜像安装，在项目根目录下面新增.npmrc配置文件，其内容如下：

registry=https://registry.npm.taobao.org/
disturl=https://npm.taobao.org/mirrors/node
ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"
ELECTRON_CUSTOM_DIR="9.0.5"
复制代码

保存后，再进行npm i安装，此时会非常快速的安装成功。

启动开发模式

安装成功后，就可以执行npm start启动，启动成功后会自动弹出一个窗口，显示信息为：

Hello World!
We are using Node.js 12.14.1, Chromium 83.0.4103.119, and Electron 9.0.5.
复制代码

此时electronjs安装和启动都正常了。

打包生产文件

electronjs打包exe的生产文件需要安装另外的依赖，

npm install electron-packager -g --registry=https://registry.npm.taobao.org
复制代码

同时在package.json里面的script增加命令：

"build": "electron-packager . myClient --win --out ./myClient --arch=x64 --app-version=0.0.1 --electron-version=9.0.5"
复制代码

它的意思是：

• myClient 应用名称
• --win：打包平台（以Windows为例）
• --out ../myClient：输出目录
• --arch=64：64位
• --app-version=0.0.1：应用版本
• --electron-version electronjs版本号 (现在最新版本是9.0.5)

然后执行npm run build， 会在myClient目录生成打包后的文件夹，里面可以找到myClient.exe文件，即为正常的桌面端应用程序。

原文地址：www.playsn.com/electronjs使…