五、Clion配置Qt+Cmake开发环境

Posted by 卢小胖 on 2023-09-28
Estimated Reading Time 2 Minutes
Words 581 In Total
Viewed Times

1. Qt安装

1.1 Qt在线安装器

Qt从5.15开始不再提供本地安装包,只能在线下载

1.2 国内镜像源

1.3 Fiddler替换源地址

安装的时候使用fiddler代理软件替换官方源地址, 下载过程中保持fiddler软件开启

如果遇到下载错误可以切回官方地址,报错的文件下载完后再切回国内源地址加速下载.

  • China Shanghai Jiao Tong University
urlreplace download.qt.io mirrors.sjtug.sjtu.edu.cn/qt/

urlreplace mirrors.sjtug.sjtu.edu.cn/qt/ download.qt.io
  • China Tsinghua University
urlreplace download.qt.io mirrors.tuna.tsinghua.edu.cn/qt/

urlreplace mirrors.tuna.tsinghua.edu.cn/qt/ download.qt.io
  • China Alibaba Cloud
urlreplace download.qt.io mirrors.ustc.edu.cn/qtproject

urlreplace mirrors.ustc.edu.cn/qtproject download.qt.io

2. Clion创建Qt项目

在Clion中新建项目的时候会有Qt项目选项,Clion默认使用cmake方式编译qt项目

image.png

在创建的时候可以指定Qt中Cmake路径,否则默认创建是不带这个路径的,编译会报错,需要手动加上。

image.png

手动配置Cmake前缀路径:

set(CMAKE_PREFIX_PATH "C:/App/Qt/Qt6/6.4.3/mingw_64")

3. Clion中的Qt环境配置

3.1 在工具链中配置MinGW_Qt编译链

image.png

这里路径是Qt\Tools目录下的mingw

3.2 在Cmake配置中选择MinGW_Qt

image.png

image.png

3.3 编译

新建项目输出hello world!

4. 配置外部工具

将QtDesigner添加到Clion的外部工具中,这样就可以在Clion中使用QtDesigner打开.ui文件了。

image.png

参考路径:C:\App\Qt\Qt6\6.4.3\mingw_64\bin\designer.exe 以自己本地安装路径为准

4.1 新建.ui文件

image.png

我们新建了一个MainWindow的窗口,继承自QMainWindow, 创建好后会自动添加到CmakeLists中,并弹出以下提示窗口:

右键点击.ui文件,在ExternTools->QtDesigner中即可打开。我们新增一个按钮,并修改main.cpp

#include <QApplication>  
#include <QPushButton>
#include <iostream>
#include "mainwindow.h"


int main(int argc, char *argv[])
{
QApplication a(argc, argv);
MainWindow mainWindow;
mainWindow.show();
return QApplication::exec();
}

image.png

就这样可以愉快的开发了~~