python+pycharm+pyqt5+QT Designer前端开发完整配置攻略

落日映苍穹つ 2022-05-22 11:15 671阅读 0赞

\#\#\#python+pycharm+pyqt5+QT Designer前端开发完整配置攻略

最近做项目需要开发一个前端，打算采用pyqt框架，因为这个框架有QT Designer作为辅助，可以加快开发效率，而且，来自于C++的积淀，框架的稳定性应该也令人放心。

如果通过Anaconda安装python，安装的时候已经同时安装了pyqt，qtdesigner等，非常贴心，强烈建议采用这种方式进行安装。

安装之后，首先，要确保你的pyqt和qtdesigner安装成功，打开pycharm，在包管理中如果能够找到pyqt，那么整你pyqt已经安装成功。同时，在`C:\……（你的目录）\Anaconda3\Library\bin`目录下，如果能够找到：`designer.exe`这个文件，并且双击出现下图界面，那么你的qtdesigner也是可以使用的。  
![这里写图片描述][70]

安装之后，还需要在pycharm中进行配置，以便以后可以快速在pycharm中进行启动和调用。

\#\#\#\#第一步：配置QtDesigner。  
以便快速打开QtDesigner，可视化地拖控件写UI。  
![这里写图片描述][70 1]  
![这里写图片描述][70 2]

所需要复制的代码如下：

$ProjectFileDir$

\#\#\#\#第二步：配置PyUIC。  
用于把QtDesigner创建的UI文件转换成py文件，与上一步相同，进行配置。  
![这里写图片描述][70 3]

以上如果找不到python的路径，可以同时按 `win+R`后，输入cmd打开控制台，并输入以下代码：

where python

便会显示出python的路径。

所需要复制的代码如下：

-m PyQt5.uic.pyuic  $FileName$ -o $FileNameWithoutExtension$.py

$FileDir$

\#\#\#\#第三步：完成，查看配置效果  
配置完之后，点击Apply，可以看到比配置之前多出两个列表。  
![这里写图片描述][70 4]  
返回主界面，在“Tool>External Tools”中可以看到新添加的两个控件。

![这里写图片描述][70 5]

点击QT Designer，进入图形化编程界面，说明配置成功。

用QT Designer 随便生成一个 .ui 文件，然后在pycharm中选中这个文件，点击“Tool>External Tools>pyUIC” 如果生成一个同名的.py文件，那么说明 pyUIC也是配置成功的。

最后，附上几个入门pyqt5的好的网站：

1.  [pyqt5中文教程][pyqt5]
2.  [pyqt5教程-python在线][pyqt5_-python]

[70]: /images/20220522/c204a527b1e74681ab034dc49eba6b3a.png
[70 1]: /images/20220522/7a09988a2c1b40a2859f596286b613fd.png
[70 2]: /images/20220522/494c9e92cf754c7b8b01282a8bdb3f8f.png
[70 3]: /images/20220522/b53a49bd11f645fd8f10008b7d8434e1.png
[70 4]: /images/20220522/88705a331beb4503bf0f824a77cc12d6.png
[70 5]: /images/20220522/5cbe6d98919545269403e7621c83cbb5.png
[pyqt5]: https://legacy.gitbook.com/book/maicss/pyqt5/details
[pyqt5_-python]: http://code.py40.com/face