electronjs基于nodejs实现桌面端应用

3,584 阅读1分钟

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使…