VSCode 配置 PyQt5 过程

在毕业设计中,我需要使用PyQt5绘制简单的用户界面,所以准备在VSCode中配置PyQt5,步骤如下。

安装PyQt5组件

在命令行中执行如下命令进行安装:

1
2
pip install PyQt5
pip install PyQt5-tools

在VSCode中配置PyQt5插件

选择python解释器

在 管理 -> 命令面板 中输入Python: 选择解释器,点击即可进行选择,我选择的是Python 3.8.7。

img

img

安装PYQT Integration

在扩展中搜索 PYQT Integration 并点击安装(我已安装所以显示为卸载)。

配置PYQT Integration

点击 管理 -> 扩展设置 设置Pyuic和Qtdesigner的路径,可以搜索本地 pyuic5.exe 和 designer.exe 的路径,我的地址为(星号为我的用户名):

1
2
C:\Users\*****\AppData\Roaming\Python\Python38\Scripts\pyuic5.exe
C:\Users\*****\AppData\Roaming\Python\Python38\site-packages\qt5_applications\Qt\bin\designer.exe

img

img

创建PyQt文件

新建一个工作区文件夹,在资源管理器空白处右击选择 PYQT: New From,即可打开 QtDesigner,选择 Main Window 新建一个窗口。

img

在页面中随意拖拽几个控件,点击保存到该文件夹,文件格式为(*.ui)。

img

在文件夹中右击选择 PYQT: Compile Form,即可将该文件编译为(*.py)文件。

img

为了显示界面,需要新建一个 main.py 文件,编写如下代码(未包含业务逻辑代码):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
from PyQt5 import QtWidgets, QtGui
from ui_test import Ui_MainWindow

class MainWindow(QtWidgets.QMainWindow):
def __init__(self):
super(MainWindow, self).__init__()
# 实例化由PyQt Designer生成的界面类
self.ui = Ui_MainWindow()
# 设置界面
self.ui.setupUi(self)

if __name__ == "__main__":
# 创建QApplication对象
app = QtWidgets.QApplication([])
# 实例化主窗口类
window = MainWindow()
# 显示主窗口
window.show()
# 运行主循环
app.exec_()

运行该文件,即可显示界面。

img