再见 Python,你好 Electron!(入门篇)
共 1416字,需浏览 3分钟
·
2021-10-18 04:05
点击上方 “AirPython”,选择 “加为星标”
第一时间关注 Python 原创干货!
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 包管理工具
# 全局安装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 命令安装依赖
# 安装依赖
npm install
最后,运行下面的命令启动项目
# 运行项目
npm start
4. 最后
运行上面的项目,就能生成一个最简单的 Hello World 桌面应用
很明显,从项目结构分层上能够发现,使用 Electron 开发桌面端的应用更加高效,另外通过 CSS 样式,界面美观性、灵活性都有很大的提升
如果你觉得文章还不错,请大家 点赞、分享、留言 下,因为这将是我持续输出更多优质文章的最强动力!
END