Electron 开发环境搭建入门

Photo by Chris Henry on Unsplash

Electron 开发环境搭建对于大陆的开发者来说或多或少都会有些问题。有镜像源的问题,也有 VSCode 及操作系统终端的编码问题。这些问题对于新手来说比较繁琐,故写此篇入门文章帮助有问题的网友。

安装篇

镜像源及二进制文件配置

对于大陆的开发者来说,想要快速下载 Electron,需要配置镜像源和二进制文件下载地址。这两者的区别是前者只负责拉取 Electron 的代码,后者包含了 Electron 运行所需的二进制文件。因此完整的配置如下所示。

调试篇

调试配置

在 VSCode 下若想调试主进程,可以按照如下方式进行配置。

日志输出编码

在 VSCode 中,Electron 主进程若直接通过 console.log 在控制台输出中文会出现乱码的情况。这和 Windows 下 CMD 终端的编码有关。为此需要设置其编码。这边最简单的方法是在脚本中加入 chcp 指令,在脚本运行的时候动态改变 CMD 的编码。

部署篇

打包应用

可以手动打包也可以用第三方工具 electron-packager 进行打包。在 Win7 环境下, electron-packager 需要安装 .NET 4.5 及以上,并要更新 Powershell 3 及以上,否则打包过程中可能会卡主。打包的指令可写在脚本中方便调用。

electron-packager 支持多种操作系统下的应用发布,以及支持代码 ASAR 打包加密,是非常傻瓜型的打包工具。

(完)

发表评论

电子邮件地址不会被公开。 必填项已用*标注