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

2021-10-26 14:52:15 浏览数 (1)

1. 前言

大家好,我是安果!

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

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

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

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

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

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

2. Electron 介绍及准备

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

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

官网地址:https://www.electronjs.org/

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

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

代码语言:javascript复制
# 全局安装yarn
npm config set registry https://registry.npm.taobao.org
npm install -g yarn

# 查看yarn版本号
yarn -v

3. 实战一下

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

项目地址:

https://github.com/electron/electron-quick-start

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

然后使用 VS Code 打开项目

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

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

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

代码语言:javascript复制
# 安装依赖
npm install

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

代码语言:javascript复制
# 运行项目
npm start

4. 最后

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

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

如果你觉得文章还不错,请大家 点赞、分享、留言 下,因为这将是我持续输出更多优质文章的最强动力!

0 人点赞