通过VSCODE搭建PyQt5 来实现GUI界面

1、首先安装好了vscpde并配置了python环境，如果还没有配置，请先配置完成后再来安装。

2、通过pip(配置python环境时会安装pip)的方式来安装pyqt5及pyqt5-tools

pip install PyQt5

 

 

pip install PyQt5-Tools

3、找到PyQt5工具的designer.exe运行，一般安装在"C:\Users\XXXX\AppData\Local\Programs\Python\Python38\Lib\site-packages\pyqt5-tools"，XXXX代表自己电脑的用户名字。

如果上面的路径找不到designer.exe，可以去"C:\Users\XXXX\AppData\Local\Programs\Python\Python38\Lib\site-packages\qt5_applications\Qt\bin"这个路径应该能找到。

4、运行designer.exe

5、创建ui并保存到你想要保存的文件夹中。

6、在vscode中搜索PYQT integration并将安装此插件。

7、然后打开通过designer.exe创建的ui，或者是此ui被保存到vscode工作文件夹下，它会自动出现在vscode工作文件夹下。

8、在test.ui上鼠标右键，然后点击PYQT:Compile Form，生成Ui_test.py文件。

9、在自己设计的py文件中（或新建py文件）通过下面代码来测试调用UI类。

import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from Ui_test import Ui_MainWindow

class testwindow(QtWidgets.QMainWindow,Ui_MainWindow):
    def __init__(self):
        super(testwindow,self).__init__()
        self.setupUi(self)

if __name__=='__main__':
    app = QtWidgets.QApplication(sys.argv)
    window = testwindow()
    window.show()
    sys.exit(app.exec_())

10、运行实现效果如下：

11、通过vscode配置designer.exe所在路径,以后可以通过vscode打开designer.exe。

C:\Users\XXXX\AppData\Local\Programs\Python\Python38\Lib\site-packages\qt5_applications\Qt\bin\designer

创建新的pyqt界面： 

 

参考博客：https://blog.csdn.net/Z_97_97/article/details/103228507

 

//pip 更新指令
python -m pip install --upgrade pip