PySide6学习笔记(一)VSCode配置

3,726 阅读2分钟

vscode配置(windows)

  1. 在vscode中安装Python与 QT for Python和code runner插件(推荐)

image-20230625145104503.png

image-20230625145121628.png

image-20230625145802913.png Python与 QT for Python插件开发PySide必备code runner(可以右键运行py文件)

  1. 安装PySide6
pip  install PySide6
  1. 配置QT for python 插件 image-20230625145253109.png 点击插件 设置-拓展设置 找到你的PySide 安装位置 通常安装位置在你的python安装环境下的Script下

image.png 4. 我们需要把这三个程序配置到QT for python 中 image.png 5. 这个位置放 pyside6-designer.exe程序路径 image-20230625145411483.png 7. 这个位置放 pyside6-rcc.exe程序路径 image-20230625145521486.png 5. 这个位置放 pyside6-uic.exe程序路径 image-20230625145544036.png

我的完整路径:C:\Users\LENOVO\AppData\Local\Programs\Python\Python311\Scripts\pyside6-designer.exe(根据你的程序路径进行调整) rcc.exe是用来将图片、数据等资源文件打包成py文件的工具。 uic.exe是将designer设计的ui文件转换成py文件 designer.exe QT UI设计器。

测试功能

新建一个demo01输入以下代码,右键 Run Code运行。

# -*- coding:utf-8 -*-
import sys
from PySide6 import QtWidgets

app = QtWidgets.QApplication(sys.argv)
winget = QtWidgets.QWidget()
winget.resize(360, 360)
winget.setWindowTitle("Hello, PySide6!")
winget.show()
sys.exit(app.exec_())

image.png 成功弹出即可代表环境配置成功。 image.png

测试QT for python 插件配置是否成功

image.png 弹出这个节目代表designer配置成功

image.png

点击创建并且创建并拖拽一个按钮,保持起名demo02.ui.

image.png

在vscode中会自动帮我们把ui文件转换为py文件 image.png 我们创建一个demo02Run.py文件,并输入以下代码

# -*- coding:utf-8 -*-
# 导入 demo02_ui
from demo02_ui import *
from PySide6.QtWidgets import QApplication, QMainWindow
import sys

# 继承 Ui_MainWindow类


class MyMainWindow(QMainWindow, Ui_MainWindow):
    def __init__(self):
        super().__init__()
        self.setupUi(self)


if __name__ == "__main__":
    app = QApplication(sys.argv)
    myWin = MyMainWindow()
    myWin.show()
    sys.exit(app.exec_())

右键运行一下demo02Run.py 成功调用ui页面 我们通常叫这种方式为页面与逻辑分离 image.png

这样的话本次vscode环境搭建,插件配置就到此结束了。如果有帮助麻烦点赞哦。评论区不定时回答问题。我们共同进步。