再见Python,你好Electron!(入门篇)

来源:AirPython

作者:星安果

1. 前言

大家好,我是安果!

平常如果我们想利用 Python 进行桌面端应用开发,常用的 3 种方案是:Tkiner、Python、PyQt

其中,Tkiner 作为 Python 自带的 GUI 标准依赖库,简单、轻便、易学,但它在布局及外观上没那么灵活

Python 是另外一款开源、免费、跨平台的 GUI 开发库,它内部也提供了大量的组件,代码简洁方便,缺点是界面美观性不如人意

PyQt 同样支持跨平台,它的功能最为强大,内部封装了大量了组件,可以借助可视化工具完成中大型项目的开发,但是易学难精通,并且商用上是付费使用的

如果又要保证开发效率,又要保证界面美观,Python GUI 开发方式显得没有什么优势了

从本篇文章开始,我将通过一系列文章介绍另外一款强大的桌面应用开发框架,即:Electron

2. Electron 介绍及准备

Electron 是一款开源、跨平台、使用 Web 技术开发桌面应用的开发框架

它内部基于 Node.js 和 Chromium,让我们可以使用 HTML、CSS、JS 快速构建桌面应用

在实战之前,我们需要在本机安装配置 Node.js,推荐安装 LTS 版本

然后,使用 npm 安装 Yarn 包管理工具

# 全局安装yarnnpm config set registry https://registry.npm.taobao.orgnpm install -g yarn# 查看yarn版本号yarn -v

3. 实战一下

下面我们以官网提供的例子来快速跑一个 Hello World

首先,我们从 Github 将源码下载到本地

然后使用 VS Code 打开项目

其中项目下的主要文件如下:

main.js主进程preload.js预处理逻辑index.html渲染进程,默认展示的页面信息renderer.js渲染进程的业务逻辑

接着根据 package.json 文件,使用 npm 命令安装依赖

# 安装依赖npm install

最后,运行下面的命令启动项目

# 运行项目npm start

4. 最后

运行上面的项目,就能生成一个最简单的 Hello World 桌面应用

很明显,从项目结构分层上能够发现,使用 Electron 开发桌面端的应用更加高效,另外通过 CSS 样式,界面美观性、灵活性都有很大的提升