VSCode配置Python、PyQt5、QtDesigner开发环境

VSCode就是Visual Studio Code的简称,是一款轻量级的源代码编辑器,有丰富的插件可供下载。

VSCode配置Python、PyQt5、QtDesigner开发环境_第1张图片

如果想用Python开发桌面程序,可以使用pyqt5.

下面是配置的步骤。

1、安装Python 3.10

Python官网地址:https://www.python.org/

去官网下载最新版本,目前是3.11.4(2023-6-23 22:35:34)

按照提示,一路next即可,然后配置环境变量,这个不会太难。

在cmd中输入:

python -V

出现如下界面,说明python安装配置成功了!!!

VSCode配置Python、PyQt5、QtDesigner开发环境_第2张图片

2、安装pyqt5及相关库

在cmd界面,依次输入下面的命令:

pip install PyQt5

pip install PyQt5-tools

pip install qt5_applications

可以使用命令:

pip list

来查看是否安装成功。

VSCode配置Python、PyQt5、QtDesigner开发环境_第3张图片

从上图可以看到,安装成功了。

3、VSCode配置Python

在VSCode扩展界面,输入python,然后点击安装。

VSCode配置Python、PyQt5、QtDesigner开发环境_第4张图片

在VSCode工作区文件夹建立对应Python语言的文件夹,如命名为:VS-Code-Python,再在此文件夹下建立一个.vscode文件夹。

这样建文件夹的目的:

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

打开VSCode, 选择文件->打开文件夹,打开PYQT文件夹,建立一个新文件:hello.py

VSCode配置Python、PyQt5、QtDesigner开发环境_第5张图片

可以看到,下面的终端,正确输出了:hello world!

说明配置VSCode python环境成功。

4、VSCode配置PyQt5和designer

4.11.安装pyqt integration扩展

在VSCode中,切换到扩展选项卡,搜索框中输入pyqt,如下图:

VSCode配置Python、PyQt5、QtDesigner开发环境_第6张图片

然后安装即可。

4.2 配置pyqt integration

选择文件->首选项->设置,搜索pyqt,对pyuic5的路径以及QT designer的路径进行设置。

VSCode配置Python、PyQt5、QtDesigner开发环境_第7张图片

VSCode配置Python、PyQt5、QtDesigner开发环境_第8张图片

VSCode配置Python、PyQt5、QtDesigner开发环境_第9张图片

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

VSCode配置Python、PyQt5、QtDesigner开发环境_第10张图片

在“New Form”窗口,选择“Main Window”然后点击“Create”。

然后,拖上几个控件,如单选框,多选框,按钮等,这几个随意,用来测试GUI用。

VSCode配置Python、PyQt5、QtDesigner开发环境_第11张图片

如果想预览当前的界面,可以使用快捷键Ctrl+R。也可以窗体-预览。

设计好界面后,保存,会生成相应的.ui文件。

右键生成的untitled.ui文件,选择PYQT:compile from。

可以对untitled.ui文件进行编译,自动生成对应的py文件Ui_untitled.py

VSCode配置Python、PyQt5、QtDesigner开发环境_第12张图片

尝试运行刚刚生成的“Ui_untitled.py”是没用的,因为生成的文件并没有程序入口。因此我们在同一个目录下另外创建一个程序叫做“main.py”,并输入如下内容,将Ui_untitled替换为你生成.py文件名。

VSCode配置Python、PyQt5、QtDesigner开发环境_第13张图片

按Ctrl+F5,会弹出如下界面:

VSCode配置Python、PyQt5、QtDesigner开发环境_第14张图片

点击“pushbutton”按钮,会输出如下界面:

VSCode配置Python、PyQt5、QtDesigner开发环境_第15张图片

这样,基于VSCode配置Python、PyQt5、QtDesigner开发环境就搭建成功了!

相当于,新手在学习编程语言时,学会了输出Hello World!

你可能感兴趣的:(#,pyQT,pySide,pyqt,qt)