【Mac 配置 VS Code + PyQt5 环境】

1. 本机环境

系统：MacOS
Python 版本：3.9.4
编辑器：Visual Studio Code

2. PyQt5 安装

# 安装成功后，会提示安装目录，本机为「/Library/Frameworks/Python.framework/Versions/3.9/lib/python3.9/site-packages」
pip3 install PyQt5
pip3 install PyQt5-tools

3. VS Code 中安装插件并配置 pyqt

3.1 插件安装

插件名称：「PYQT Integration」

3.2 插件配置

1. 配置入口（一）

2. 配置入口（二）

3. 配置 2 项路径内容：

1）pyuic5 路径，如果不为空（缺省值为「pyuic5」）也可不配置

文件路径：安装目录中 lib 同级目录下的 bin 目录中

2）designer 启动器执行路径配置

• 首先确定 Designer.app 文件位置

  一般为 安装路径/qt5_applications/Qt/bin/Designer.app

• 编写启动脚本 des

    在任意位置新建没有后缀名的文件，并写入启动指令
  

# open Designer.app 绝对路径，需改成自己的文件路径
open /Library/Frameworks/Python.framework/Versions/3.9/lib/python3.9/site-packages/qt5_applications/Qt/bin/Designer.app

• 脚本添加执行权限

# sudo chmod u+x + 无后缀文件的路径
sudo chmod u+x /Users/kahnlau/Desktop/des

输入密码，成功后就得到一个 unix 可执行文件。
双击该文件，能成功启动 PyQt5 设计窗口即为成功

• 将脚本（des）复制到 Designer.app 同级目录下，并将其路径配置到编辑器中即可
  
  

4. 效果验证

在编辑器中，文件位置右键选择「PYQT：New Form」

完美打开 Designer

5. 插件使用

1. 新建文件

    a. 在 Designer 窗口「新建窗体」中创建窗口
    b. 选择「Main Window」,拖入控件后保存，对应目录中会生成 .ui 文件
   

2. 生成对应的 py 文件

    a. 在新生成的 ui 文件上点击右键 -> 选择「PYQT: Compile Form」，即可生成对应的 py 文件
   

3. 添加执行入口代码并运行

    在文件末尾添加如下代码，执行
   

if __name__ == '__main__':
    import sys
    app = QtWidgets.QApplication(sys.argv)  # 实例化 QApplication 类，作为 GUI 主程序入口
    MainWindow = QtWidgets.QMainWindow()    # 创建 MainWindow 类
    ui = Ui_MainWindow()                    # 实例 UI 类
    ui.setupUi(MainWindow)                  # 设置窗体 UI
    MainWindow.show()                       # 显示窗体
    sys.exit(app.exec_())                   # 当窗口创建完成，需要结束主循环过程