2019 桌面软件开发指北(二) Electron 快速上手

作为快速桌面应用开发的首选,小巧灵活是 Electron 的核心理念。 实现一个 Hello World 应用仅需编写很少量的代码。




开始前请确保安装了 Node.js 和相应的软件包管理软件。 yarn 和 npm 都是 Node.js 生态圈优秀的软件包/依赖管理程序。

第一步:项目设置

运行 yarn init 或 npm init 创建项目。

在 package.json 中进行基本的设置:

第二步:安装 electron

yarn add -D electron 或 npm install --save-dev electron

第三步:加入关键代码片段

创建文件 index.js。 这个文件是程序入口,我们指定: 在程序启动时,创建一个宽度 800px,高度 600px 的窗口,并在窗口中加载 index.html。

接着创建 index.html。 这是一个最简单的 hello world 页面,展示了一行文本标题。

最后一步:💥成功运行!💥

为了看到以上代码的效果,我们要让程序运行起来。

进入程序目录,在命令行中执行 yarn start 或 npm start。

一个完整的程序开始运行。 Electron 按照我们的要求创建了窗口,加载指定的页面文件。 窗口的样式也与系统风格完全一致。

作为初步了解,这是一个好的开端。 为了实现更强大的软件功能,还需要其它的一些工具和软件库。 稍后的内容即将介绍。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容