精选文章 VSCode配置PyQt5和designer

VSCode配置PyQt5和designer

作者：PUZZER_Ball 时间: 2021-02-05 09:43:13

PUZZER_Ball 2021-02-05 09:43:13

【摘要】VSCode配置PyQt5和designer 
参见python界面编程：VScode+pyqt+pyqt integration配置备忘 参见PyQt5（designer）入门教程 
1.安装pyqt integration扩展 
 
2.配置pyqt integration并绘制一个简易UI界面测试 
1）选择文件->首选项->设置,搜索pyqt,对pyuic5的路径以及QT desig...

VSCode配置PyQt5和designer

参见python界面编程：VScode+pyqt+pyqt integration配置备忘
参见PyQt5（designer）入门教程

1.安装pyqt integration扩展

VSCode配置PyQt5和designer1

2.配置pyqt integration并绘制一个简易UI界面测试

1）选择文件->首选项->设置,搜索pyqt,对pyuic5的路径以及QT designer的路径进行设置。（我的pyuic5是默认的没有改，designer为空，所以对designer路径进行配置）
这两个文件在python安装路径下，搜索pyuic5和designer就可以找到位置。
我的pyuic5路径是C:\Python\Python38\Scripts\pyuic5
我的designer路径是C:\Python\Python38\Lib\site-packages\pyqt5_tools\Qt\bin\designer
VSCode配置PyQt5和designer2
2）在资源管理器VS-Code-Python下面那片区域右键，选择PYQT:New Form的话，就会打开qt designer 界面编辑器。
VSCode配置PyQt5和designer3
3）初次启动会弹出这个“New Form”窗口，选择“Main Window”然后点击“Create”。在画布上任意拖动几个控件。
VSCode配置PyQt5和designer4
4）使用快捷键Ctrl+R预览当前编写的GUI（或者从菜单栏的Form > Preview / Preview in进入）
VSCode配置PyQt5和designer5
5）画好界面后保存，就会生成相应的.ui文件。
6）右键.ui文件，选择PYQT:compile from。
可以对untitled.ui文件进行编译,自动生成对应的py文件Ui_untitled.py
VSCode配置PyQt5和designer6
7）尝试运行刚刚生成的“Ui_untitled.py”是没用的，因为生成的文件并没有程序入口。因此我们在同一个目录下另外创建一个程序叫做“main.py”，并输入如下内容,将Ui_untitled替换为你生成.py文件名。

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow

import Ui_untitled

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

VSCode配置PyQt5和designer7