美文网首页Mac桌面应用开发全栈开发那些事儿
2019 桌面软件开发指北(二) Electron 快速上手

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

作者: 云码农 | 来源:发表于2019-08-01 15:38 被阅读4次

作为快速桌面应用开发的首选,小巧灵活是 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 按照我们的要求创建了窗口,加载指定的页面文件。 窗口的样式也与系统风格完全一致。

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

相关文章

网友评论

    本文标题:2019 桌面软件开发指北(二) Electron 快速上手

    本文链接:https://www.haomeiwen.com/subject/bdxcdctx.html