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文件,即为正常的桌面端应用程序。