再见 Python，你好 Electron！（入门篇）

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 样式，界面美观性、灵活性都有很大的提升

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