VSCode + PYQT5 + QtDesigner 环境搭建和测试

最新推荐文章于 2025-10-23 14:44:08 发布
转载 最新推荐文章于 2025-10-23 14:44:08 发布 · 1w 阅读 · 44 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/Edison25/p/9815641.html
文章标签：

#c/c++ #开发工具 #ui

本文介绍了如何在VSCode中搭建PYQT5和QtDesigner环境，通过pip安装PyQt5和PyQt5-tools，找到QtDesigner路径创建快捷方式，使用VSCode的PYQT Integration扩展将.ui文件转化为.py文件，最后创建启动程序调用UI类，实现Python桌面应用的开发。

目的：编写Python桌面应用程序。

备注：也可以选择VS2017+QtDesigner ，但更喜欢VSCode 

 

第1步：安装PyQt5和PyQt5-tools

pip3 install -i https://mirrors.aliyun.com/pypi/simple/ PyQt5

pip3 install -i https://mirrors.aliyun.com/pypi/simple/ PyQt5-tools

 

第2步：找到QtDesigner安装路径

一般会自动安装在python安装目录中，如果安装了Anaconda3，则将会在如下Anaconda3路径中找到：

E:\Soft_dp\Anaconda3\Lib\site-packages\pyqt5_tools

将该文件夹中designer.exe生成桌面快捷方式，方便日后制作.ui文件。

 

第3步：打开designer.exe，并绘制你想要的UI界面，如下图所示：

最低0.47元/天 解锁文章
Vscode-PyQt5开发篇1
weixin_46946968的博客
11-24 2780
【代码】Vscode-PyQt5开发学习。
【Mac 配置 VS Code + PyQt5 环境】
qq_1625206070の博客
07-23 1310
Mac 配置 VS Code + PyQt5 环境
【Qt】VS Code配置Qt UI插件，vscode打开Qt Designer ，vscode打开Qt*.ui文件
最新发布
油炸自行车的博客
10-23 534
本文介绍了如何在VS Code中安装和使用Qt UI插件。首先需要安装Qt Core依赖，然后通过设置配置Qt Designer路径（如C:/Qt/6.9.1/msvc2022_64/bin/designer.exe）。安装完成后，可直接在VS Code中用Qt Designer打开UI文件进行编辑。该方法同样适用于Trae等新兴AI IDE。整个配置过程简单快捷，为开发者提供了便捷的Qt界面设计工具集成方案。
vscode使用pyqt5安装
yuanjiteng的博客
03-07 3859
1.pyqt5安装 GUI图像用户界面(Graphical User Interface) 。PyQt是一个用于创建GUI应用程序的跨平台的工具包，他将Python编程语言和Qt库成功融合在一起。 PyQt5安装，推荐直接pip install PyQt5;pip install Pyqt5-tools 由于我是用的vscode和anaconda，这里简单介绍一下如何配置。 首先是在扩展里面找到 ...
pyqt5 + vscode 环境搭建
tang0_0
04-24 541
Version: python:v3.8.5 pyqt5:v5.15.2 pyqt-tools:v5.15.2.3.0.2 pyserial:v3.5 1.安装pyqt5 pip install PyQt5 2.安装pyqt-tools 主要是用qt designer来设计UI pip install PyQt5-tools 3.安装pyserial pip install pyserial 4.安装vscode插件pyqt integration vscode->setting->搜.
在vscode中使用Qtdesigner需要进行以下步骤：
TU商的博客
04-06 3814
这里的“yourfile.ui”是你Qtdesigner保存的文件名，而“yourfile.py”是你想要生成的.py文件的文件名。在vscode中打开项目，并在项目中创建.ui文件（可以通过文件->新建文件来创建.ui文件）。这样你就可以在vscode中使用Qtdesigner来创建你的GUI了。使用Qtdesigner窗口创建你的GUI，保存你的文件。打开anaconda虚拟环境，确保已经安装了pyqt。在代码中导入你生成的.py文件并创建你的gui。最后在main函数中实例化你的GUI对象并执行。
Macbook+VScode+pyqt5 环境搭建（anaconda3）
qq_43541919的博客
08-05 724
pyqt和vscode的联动
VSCode+Anaconda+Python+PyQT下载安装，环境配置详细教程
m0_49864170的博客
04-17 2050
安装完成之后查看安装是否成功，win+R打开cmd命令，输入python，这里显示安装的python版本号，由于后来我安装了anaconda显示python的版本号和下载的不对应，正确的是python 3.11.4。Python安装的位置，最好不要放到C盘，安装到其他盘里，我这里是D盘都是放软件的安装文件，记得区分开，不然之后自己创建工程文件和安装软件的文件忘记都乱了~配置PYQT Integration的路径环境，这个地址是在安装的python的路径下找到pyrcc5.exe和pyuic5.exe。
通过VSCODE搭建PyQt5 来实现GUI界面
热门推荐
u013381608的博客
02-08 1万+
1、首先安装好了vscpde并配置了python环境，如果还没有配置，请先配置完成后再来安装。 2、通过pip(配置python环境时会安装pip)的方式来安装pyqt5 pip install PyQt5 pip install PyQt5-Tools 3、找到PyQt5工具的designer.exe运行，一般安装在"C:\Users\XXXX\AppData\Local\Programs\Python\Python38\Lib\site-packages\pyqt5-tool..
封闭内网安装配置VSCode Anconda3 并配置 PyQt5开发
zhlei_12345的博客
06-01 875
本文介绍了在离线Windows环境中配置VSCode和PyQt开发环境的完整流程。包括：1)下载安装VSCode及其必备插件(Python/Pylance/PyQt集成等)；2)通过Anaconda创建克隆的虚拟环境；3)配置Qt Designer、uic等工具路径；4)实际使用流程演示。文中提供了详细的工具下载链接（VSCode、Anaconda）、插件设置参数表以及操作命令，特别适合内网离线开发环境搭建参考。整个配置过程涵盖了编辑器设置、Python环境管理和Qt工具链整合三大关键环节。
vscode使用pyqt及qt designer
流星划过夜空的博客
04-22 5395
vscode使用pyqt及qt designerpyqt安装pip安装vscode pyqt扩展pyqt扩展安装pyqt扩展配置qt designer扩展配置 pyqt安装 pip安装 pip install pyqt5-tools vscode pyqt扩展 pyqt扩展安装 pyqt扩展配置 qt designer扩展配置 在设置中修改pyqt配置路径 创建test.ui 并右键点击py...
vscode+PyQt5安装详解步骤
09-16
主要介绍了vscode+PyQt5安装详解步骤,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
[PYQT] VScode 开发PYQT，新建窗口并增加资源环境
A20030724的博客
09-16 1876
本文介绍了使用PyQt5创建图形界面的完整流程。首先在VSCode中建立项目目录结构，创建Main.py和MainWindow.py文件。然后通过Qt Designer设计包含按钮和图片标签的窗口界面，保存为.ui文件。接着将设计的界面编译为Python代码，并演示了如何将图片等资源文件打包到工程中，通过.qrc资源文件进行管理。最后展示了如何加载资源文件中的图片，并提供了完整的工程模板结构。整个过程涵盖了PyQt5界面开发的完整环节，包括界面设计、代码实现和资源管理等内容。
vscode 开发pyqt6 环境搭建
gct1122的博客
03-16 994
vscode 开发pyqt6 环境搭建
MAC vscode pyqt5界面不刷新
yzc_5858的博客
07-27 438
mac vscode pyqt5 5.15.0环境，同样的代码在windows 上运行正常，但是在mac 上运行，个别按钮按不下去，另外界面无法刷新，要最小化窗口，在最大化窗口界面才会刷新！！不知道什么问题，请高手指点，谢谢 ...
01-vscode配置pyqt5开发环境-保姆级教程
zgp033614的专栏
05-16 1707
详细讲解了vscode如何配置pyqt5的开发环境
Windows平台cmake编译QT源码库，使用VScode开发QT
yaningli的博客
03-27 1873
cmake编译QT源码库及组件模块
VSCode配置PYQT5环境
qq_42392872的博客
08-27 3021
VSCode配置PYQT5环境
mac配置pyqt5 +vscode+中文
weixin_46710068的博客
05-10 2272
mac 配置pyqt5 +vscode+designer汉化+运行ui
VSCode pyqt+qtdesigner
12-30
### 配置VSCode以支持PyQt和Qt Designer 为了在Visual Studio Code (VSCode)中高效地使用PyQt与Qt Designer进行图形用户界面(GUI)开发，需确保安装并配置必要的扩展和支持工具。 #### 安装Python环境 确保已安装适用于Python的VSCode插件。这一步骤对于运行任何基于Python的应用程序至关重要[^2]。 #### 设置PyQt5/6库 通过pip命令安装PyQt5或PyQt6库到当前项目环境中： ```bash pip install pyqt5 # 或者 pip install pyqt6 ``` #### Qt Designer集成方法 一种简便的方式是在VSCode内部启动Qt Designer。具体操作如下，在资源管理器中的空白处右击鼠标，随后选择`PYQT: New Form`选项即可调用Qt Designer界面编辑器。 #### 使用UI文件转换为Python代码 设计完毕后的`.ui`文件可通过`pyuic`工具转化为对应的Python脚本。此过程可借助终端完成: ```bash pyuic5 -x your_design.ui -o ui_your_design.py # 对于PyQt6则是 pyuic6 -x your_design.ui -o ui_your_design.py ``` 上述指令会读取由Qt Designer保存的设计文档，并将其编译成可以直接导入至主应用内的Python模块[^4]。 #### 加载UI组件到应用程序 一旦拥有转化后的Python文件，便可以在主程序里引入该模块，进而加载所构建的用户界面元素。通常情况下，推荐采用继承模式实现这一点，即让自定义窗口类从生成的UI类派生而来。 ```python from PyQt5 import QtWidgets, uic import sys class MyWindow(QtWidgets.QMainWindow): def __init__(self): super(MyWindow, self).__init__() uic.loadUi('path_to_ui_file.ui', self) if __name__ == '__main__': app = QtWidgets.QApplication(sys.argv) window = MyWindow() window.show() sys.exit(app.exec_()) ``` 以上流程涵盖了从环境搭建直至实际编码的关键环节，使得开发者能够在VSCode环境下顺利开展基于PyQt框架的GUI项目开发工作。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值