最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

这篇具有很好参考价值的文章主要介绍了最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

参考链接:最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试
一、安装Python3
PyQt5所支持的python版本是从3.5开始的,因此安装的Python3版本必须大于3.5。
我安装的位置是C:\Python\Python38。
参见真小白入门Pyhton的安装

二、安装PyQt5以及PyQt5-tools(这里面就有designer了)

pip install PyQt5
pip install PyQt5-tools
pip install qt5_applications

最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

三、VSCode配置Python
参见VSCode配置Python官方教程

1.VSCode安装Python拓展包
最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

  • 1 在vscode工作区文件夹建立对应Python语言的文件夹 在D盘新建vscode->新建VS-Code-Python

    解释:在vscode文件夹下面可能以后会有多种语言的代码,所以建议生成对应语言的子文件夹,比如打算写C就新建VS-Code-C这个文件夹,打算写Python就新建VS-Code-Python

    2 在VS-Code-Python文件夹下新建.vscode文件夹

    解释:因为VS需要为每一个文件夹做单独配置,所以建议把.vscode文件夹放到你常用的文件夹的顶层,这样就不用重复配置了。不用每个新py文件就要一套配置。这些配置在你配置好的文件夹内的所有子文件夹和文件都能使用

    3打开vscode,选择文件->打开文件夹,打开VS-Code-Python文件夹

最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试
最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试
最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

5.配置并运行调试器
1)在VS-Code-Python目录下新建test.py文件测试,并运行代码。

msg  = "Hello World!";
print(msg);

2)按F5调试test.py。
由于这是第一次调试此文件,因此将从“命令面板”中打开一个配置菜单,现在选择Python File,这是使用当前选择的Python解释器运行编辑器中显示的当前文件的配置。
最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

四、VSCode配置PyQt5和designer
参见python界面编程:VScode+pyqt+pyqt integration配置备忘
参见PyQt5(designer)入门教程

1.安装pyqt integration扩展
最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

2.配置pyqt integration并绘制一个简易UI界面测试
1)选择文件->首选项->设置,搜索pyqt,对pyuic5的路径以及QT designer的路径进行设置。

最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

(我的pyuic5是默认的没有改,designer为空,所以对designer路径进行配置)
这两个文件在python安装路径下,搜索pyuic5和designer就可以找到位置。
我的pyuic5路径是:python 安装路径/scripts文件夹下
我的designer路径是:新版在qt5_applications
最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

2)在资源管理器VS-Code-Python下面那片区域右键,选择PYQT:New Form的话,就会打开qt designer 界面编辑器。

3)初次启动会弹出这个“New Form”窗口,选择“Main Window”然后点击“Create”。在画布上任意拖动几个控件。

4)使用快捷键Ctrl+R预览当前编写的GUI(或者从菜单栏的Form > Preview / Preview in进入)

5)画好界面后保存,就会生成相应的.ui文件。
6)右键.ui文件,选择PYQT:compile from。
可以对untitled.ui文件进行编译,自动生成对应的py文件Ui_untitled.py

7)尝试运行刚刚生成的“Ui_untitled.py”是没用的,因为生成的文件并没有程序入口。因此我们在同一个目录下另外创建一个程序叫做“main.py”,并输入如下内容,将Ui_untitled替换为你生成.py文件名。文章来源地址https://www.toymoban.com/news/detail-475799.html

到了这里,关于最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • PyQt5入门(一)——PyQt5与QtDesigner的安装

    PyQt5入门(一)——PyQt5与QtDesigner的安装

    首先,需要确保你已经安装了Python和PIP,因为使用PIP来安装PyQt5是最简便的方法。以下是在Windows和Ubuntu环境下配置并安装PyQt5以及QtDesigner的步骤: 打开命令提示符(CMD)。 运行以下命令安装PyQt5:pip install pyqt5 安装完成后,在命令提示符中运行“python”命令,然后输入“im

    2024年02月02日
    浏览(10)
  • 【PyQt5】使用QtDesigner创建Splitter

    【PyQt5】使用QtDesigner创建Splitter

    Splitter效果演示 目前在Qt Designer无法检索到QSplitter。 实现方式: 1.同时选中两个需要实现splitter样式的控件,以QTreeWidget和QTableWidget为例; 2.右击–布局–使用分裂器(根据需求选择水平或垂直布局); 3.如果想美观一点的话,可以点击Splitter控件的空白处,选择水平布局 手动

    2024年02月06日
    浏览(12)
  • PyQt5使用QtDesigner实现多界面切换程序

    PyQt5使用QtDesigner实现多界面切换程序

    一、首先要安装QtDesigner         具体安装步骤在此不做赘述,若是有需要的小伙伴可以去找一找教程。 二、简单介绍 QtDesigner         各位伙伴安装完成打开之后的界面类似如下图(Windows版本),图片中已经对各个区域及其作用进行简单介绍,具体用法会在下面继续讲解。

    2024年02月02日
    浏览(27)
  • 树莓派配置环境细节(JDK+pycharm+miniconda+pyqt5+opencv-python)

    树莓派配置环境细节(JDK+pycharm+miniconda+pyqt5+opencv-python)

    一、java环境 1.1确认树莓派的版本信息 1.2把压缩包传到树莓派上,然后进行解压 1.3配置环境变量 1.4查看java环境 二、pycharm 三、miniconda 3.1miniconda下载 3.2miniconda 安装 3.3添加 .bashrc 配置 3.4使用conda创建python环境 3.5pytorch + torchvision安装 四、PyQt5 4.1PyQt5及SIP简介 4.2所需环境 4.3Py

    2024年02月01日
    浏览(9)
  • 手把手一起在VSCode上配置PyQt5

    手把手一起在VSCode上配置PyQt5

    在个人python环境中安装PyQt相关包,如图所示: 在VSCode上搜素PyQt,安装PYQT Integration插件,如图所示: 点击扩展设置,如图所示: 配置Pyuic:Cmd与Qtdesigner:Path路径,如图所示: Pyuic:Cmd路径在D:UserswuhaileiAppDataLocalanaconda3envsWHLScriptspyuic5.exe Qtdesigner:Path路径在D:Userswu

    2024年02月07日
    浏览(9)
  • 【Python进阶-PyQt5】00搭建PyQt5环境

    【Python进阶-PyQt5】00搭建PyQt5环境

    我们编写的程序,有时用到的Python库是不一样的,比如说开发桌面应用程序我们主要用到PyQt5相关的Python库、开发Web应用程序我们主要用到Django相关的Python库等等。假设我们在开发桌面应用程序的时候除了PyQt5相关的Python库外,还附加了其他的Python库,比如有关Django的Python库。

    2024年02月08日
    浏览(12)
  • 界面开发(1) --- PyQt5环境配置

    界面开发(1) --- PyQt5环境配置

    第一步:首先安装社区版Pycharm 下载地址:https://www.jetbrains.com/pycharm/download/#section=windows 第二步:安装Anaconda3,配置虚拟环境 下载地址:https://www.anaconda.com/ 第三步:安装 Python 第三方库,包括 pyqt5,pyqt5-tools 和 pyqt5designer 在cmd中使用 pip install pyqt5 , pip install pyqt5-tools , pip in

    2024年04月12日
    浏览(13)
  • Anaconda+Pycharm下PyQt5安装及环境配置

    Anaconda+Pycharm下PyQt5安装及环境配置

    目录 一、几条指令 二、PyQt5安装及环境配置 三、在pycharm中配置Qt 1.我的Anaconda有好几个虚拟环境,如何切换到其中某个环境下安装? (1)打开 Anaconda Prompt,用下面指令查看已有的虚拟环境: ​(2) 切换到列表中任意虚拟环境,如test;  2.如何创建新的虚拟环境并激活? (

    2024年04月16日
    浏览(10)
  • Python - PyQT5开发UI界面 - 环境搭建

    Python - PyQT5开发UI界面 - 环境搭建

    没有做过UI界面的都会把UI的制作想象的很神秘,我在刚开始的时候也是感觉异常神秘、很复杂、并且无从下手,不过在真正的做出来一个界面后,发现也并没有想象中的那么难,而且做出来可视化的东西所带来的成就感是超越代码本身的;不过整个过程也并不顺利,网上都是

    2023年04月23日
    浏览(13)
  • python GUI工具之PyQt5模块,pyCharm 配置PyQt5可视化窗口

    python GUI工具之PyQt5模块,pyCharm 配置PyQt5可视化窗口

    https://doc.qt.io/qt-5/qtwidgets-module.html https://doc.qt.io/qt-5/qt.html#AlignmentFlag-enum 一、简介 PyQt是Qt框架的Python语言实现,由Riverbank Computing开发,是最强大的GUI库之一。PyQt提供了一个设计良好的窗口控件集合,每一个PyQt控件都对应一个Qt控件。 PyQt5是由一系列Python模块组成,有超过6

    2024年02月11日
    浏览(23)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包