手把手一起在VSCode上配置PyQt5

迷南。 2023-10-13 13:48 10阅读 0赞

# 一、 安装PyQt相关包 #

pip install PyQt5
    pip install PyQt5-tools

在个人python环境中安装PyQt相关包，如图所示：

![在这里插入图片描述][59d0dd9dd49840749cf5cd0dc95bf349.png_pic_center]

# 二、 VSCode安装PyQt插件 #

在VSCode上搜素PyQt，安装PYQT Integration插件，如图所示：

![在这里插入图片描述][f7ffdf71d8314b06818b149340895607.png_pic_center]  
点击扩展设置，如图所示：

![在这里插入图片描述][6e432f38c8fd458f9211f7e337ac483a.png_pic_center]  
配置Pyuic：Cmd与Qtdesigner：Path路径，如图所示：

![在这里插入图片描述][284571cdb2dc4628beebefe1637b4320.png_pic_center]

*  Pyuic：Cmd路径在D:\\Users\\wuhailei\\AppData\\Local\\anaconda3\\envs\\WHL\\Scripts\\pyuic5.exe
 *  Qtdesigner：Path路径在D:\\Users\\wuhailei\\AppData\\Local\\anaconda3\\envs\\WHL\\Lib\\site-packages\\qt5\_applications\\Qt\\bin\\designer.exe

# 三、 创建PyQt #

右键，然后点击PYQT：New Form，如图所示：

![在这里插入图片描述][5be1eed9d9ff40ce93127f73e32a5f9e.png_pic_center]  
Qt Designer 界面如下：

![在这里插入图片描述][81a30282feb34fa1a9d4e6cceb8b0b01.png_pic_center]

创建窗口，然后拖拽几个控件，点击保存，如图所示：

![在这里插入图片描述][37d865f2972c4c66b62dad1967cf31e7.png_pic_center]  
然后VSCode出现ui文件，如图所示：

![在这里插入图片描述][3ac21c7adf8b4211a187fb3e621a44d7.png_pic_center]

右键该文件，并点击PYQT：Compile Form，如图所示：

![在这里插入图片描述][41966dd04a5f4bed8353adc0eefc1aa9.png_pic_center]  
生成了Ui\_untitled.py文件，是ui文件内容转成了Python，如图所示：

![在这里插入图片描述][f2c6a2e259404f0daa43f938a4961466.png_pic_center]  
新建main.py文件，输入如下代码：

import sys
    from PyQt5.QtWidgets import QMainWindow,QApplication
    from Ui_untitled import Ui_Dialog
    
     
    class MyWindow(QMainWindow,Ui_Dialog): 
        def __init__(self,parent =None):
            super(MyWindow,self).__init__(parent)
            self.setupUi(self)
     
    if __name__ == "__main__":
        app = QApplication(sys.argv)
        myWin = MyWindow()
        myWin.show()
        sys.exit(app.exec_())

如图所示：

![在这里插入图片描述][2dc0ef608a7648e99c6e481f244b7c5b.png_pic_center]  
运行即可出现刚刚设计的GUI，如图所示：

![在这里插入图片描述][af9f1c44b78b4cf9a2382591082b17db.png_pic_center]  
接下来就可以愉快的开启PyQt设计UI界面之路了

**希望本文对大家有帮助，上文若有不妥之处，欢迎指正**

**分享决定高度，学习拉开差距**

[59d0dd9dd49840749cf5cd0dc95bf349.png_pic_center]: https://img-blog.csdnimg.cn/59d0dd9dd49840749cf5cd0dc95bf349.png#pic_center
[f7ffdf71d8314b06818b149340895607.png_pic_center]: https://img-blog.csdnimg.cn/f7ffdf71d8314b06818b149340895607.png#pic_center
[6e432f38c8fd458f9211f7e337ac483a.png_pic_center]: https://img-blog.csdnimg.cn/6e432f38c8fd458f9211f7e337ac483a.png#pic_center
[284571cdb2dc4628beebefe1637b4320.png_pic_center]: https://img-blog.csdnimg.cn/284571cdb2dc4628beebefe1637b4320.png#pic_center
[5be1eed9d9ff40ce93127f73e32a5f9e.png_pic_center]: https://img-blog.csdnimg.cn/5be1eed9d9ff40ce93127f73e32a5f9e.png#pic_center
[81a30282feb34fa1a9d4e6cceb8b0b01.png_pic_center]: https://img-blog.csdnimg.cn/81a30282feb34fa1a9d4e6cceb8b0b01.png#pic_center
[37d865f2972c4c66b62dad1967cf31e7.png_pic_center]: https://img-blog.csdnimg.cn/37d865f2972c4c66b62dad1967cf31e7.png#pic_center
[3ac21c7adf8b4211a187fb3e621a44d7.png_pic_center]: https://img-blog.csdnimg.cn/3ac21c7adf8b4211a187fb3e621a44d7.png#pic_center
[41966dd04a5f4bed8353adc0eefc1aa9.png_pic_center]: https://img-blog.csdnimg.cn/41966dd04a5f4bed8353adc0eefc1aa9.png#pic_center
[f2c6a2e259404f0daa43f938a4961466.png_pic_center]: https://img-blog.csdnimg.cn/f2c6a2e259404f0daa43f938a4961466.png#pic_center
[2dc0ef608a7648e99c6e481f244b7c5b.png_pic_center]: https://img-blog.csdnimg.cn/2dc0ef608a7648e99c6e481f244b7c5b.png#pic_center
[af9f1c44b78b4cf9a2382591082b17db.png_pic_center]: https://img-blog.csdnimg.cn/af9f1c44b78b4cf9a2382591082b17db.png#pic_center