Python 可视化图形界面编程（VSCode、PYQT5、 QtDesigner）之 Hello World

最新推荐文章于 2025-04-14 16:21:08 发布

原创最新推荐文章于 2025-04-14 16:21:08 发布

· 1.7w 阅读

61 ·

版权

文章标签：

#python #PyQt5

1. 环境

Win10（64bit），python 3.6.7，VS code 1.46.1（利用Anaconda安装）。假定基础环境搭建完毕并测试通过。

2. 下载pyqt5

在 Anaconda Prompt 中运行如下语句

pip install pyqt5-tools -i https://pypi.douban.com/simple/

安装完成后显示如下界面

不要在cmd中运行，否则需要自行配置环境变量

-i https://pypi.douban.com/simple/ 是为了换源，原始下载地址下载超慢的。

pyqt5 是 pyqt5-tools的依赖，所以无需单独 pip pyqt5 进行安装。

3. VS Code 中安装 PYQT Integration 扩展

打开VS Code，在 Extensions 中找到 PYQT Integration 并安装

4. VS Code 中配置 PYQT Integration

安装完成后，右键选择 Extension Settings，设置 pyuic5.exe 和 designer.exe 的路径。截图中路径供参考。

5. Designer 中创建 UI

新建空白 .py 文件（为后续方便描述，命名为main.py），右键，选择 New Form 唤起 designer 设计器。新建 Main Window。拖拽 Label 控件，写入 Hello World 并保存（为后续方面描述，命名为 main.ui）。需与 main.py 同目录。

6. VS Code 中编译 main.ui

回到 VS Code，发现工作目录下多出 main.ui 文件，右键选择 PYQT：Compile Form，生成 Ui_main.py 文件。（如果没有 designer，这个文件就是那个需要纯手写的界面文件）。这里我们只需要关心一下类名就好了。

7. 测试

回到最开始那个空白文件 main.py，写入如下代码并运行。出现如下界面，即为搭建完成。红框那里注意文件名和类名不要写错。

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow

import Ui_main

if __name__ == '__main__':
    app = QApplication(sys.argv)
    MainWindow = QMainWindow()
    ui = Ui_main.Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())