Win10 + CLion + Qt 配置Qt开发环境
龍_loong
2020年07月05日 21:44

准备

  • QT 5.12.3 

  • CLion 2019+

环境配置

  • Qt安装与配置

    • 安装Qt组件。上面的MinGw是Qt的MinGW编译好的源码,下面的是MinGW编译器本身。

Qt安装

  • CLion 中工具链配置。选择Qt安装路径下的MinGw路径。

指定Qt安装路径下的MinGW位置

  • CLion中CMake设置。注意:工具链要选择上一步中配置好的。

CMake配置

CMake Options用来指定Qt的安装位置。

CMake Options:-DCMAKE_PREFIX_PATH=E:\Qt\Qt5.12.3\5.12.3\mingw73_64

  • 配置相关工具,eg:Qt Designer和UIC

    • Designer配置。注意:参数和工作目录的配置,CSDN的配置只能在顶级目录生成,而不是任意目录。

Qt Designer

  • UIC配置

UIC配置

  • 环境变量

    注意:此方法并非类似于JDK一样直接加入电脑PATH中。而是利用CLion中运行时动态指定PATH的方法,进行添加。原因是因为之前曾探索过CLion + VS工具链进行QT的开发,当则需要VS的环境变量,二同时添加VS和MinGW的环境变量到PATH中,总有一个无法运行,应该是跟加入PATH的顺序有关吧,所以干脆全去掉了,省的每次改变PATH后,还得重启等等。

    

PATH配置

下面试VS和MinGW分别的CMake Options 和 PATH。注意:要对应上哦!前两行是Options,后两行是PATH。

        -DCMAKE_PREFIX_PATH=E:\Qt\Qt5.12.3\5.12.3\mingw73_64;

        -DCMAKE_PREFIX_PATH=E:\Qt\Qt5.12.3\5.12.3\msvc2017_64

                                           E:\Qt\Qt5.12.3\5.12.3\mingw73_64\bin;E:\Qt\Qt5.12.3\5.12.3\mingw73_64\lib;E:\Qt\Qt5.12.3\Tools\mingw730_64\bin;E:\Qt\Qt5.12.3\Tools\mingw730_64\lib;

        E:\Qt\Qt5.12.3\5.12.3\msvc2017_64\bin;E:\Qt\Qt5.12.3\5.12.3\msvc2017_64\lib;

  • 输出注册表更改,注册表的更改,在上文​中提到过,打开控制台重定向,即可显示Qt的输出。

Registry

项目搭建

  • 配置CMakeLists.txt

    对Qt来说,普通的CMakeLists.txt显然是不够的,因为Qt有各种资源文件,UI文件,moc文件等。所以CMakeLists.txt有专门针对Qt的模板。这里附带一个我自己使用的模板。

        cmake_minimum_required(VERSION 3.16)         project(QtTest)                #项目名称         set(CMAKE_CXX_STANDARD 14)

        #打开UIC、Moc、Rcc开关         set(CMAKE_AUTOMOC on)         set(CMAKE_AUTOUIC on)         set(CMAKE_AUTORCC on)         #根据上一步中配置的CMake Options参数 寻找Qt相关模块,注意大小写哦。         find_package(Qt5 REQUIRED COMPONENTS Core Gui Widgets)         #添加你的源文件         add_executable(QtTest                src/HelloWorld.cpp                src/HelloWorld.h                src/main.cpp                src/HelloWorld.ui                

            )         

        #链接Qt相关模块库,必须跟上面find_packge中添加的模块名称一致哦。         target_link_libraries(${PROJECT_NAME}                Qt5::Core Qt5::Gui Qt5::Widgets            )

  • 新建UI文件。(目前先使用这种方式建立UI文件。会有文件模板可供用户自己配置哦,先按下不表)。输入UI文件名,记得有.ui后缀哦。

新建UI文件

使用之前配置好的Designer工具打开Ui文件。

编辑UI文件

使用UIC,生成相关文件。

UI生成

后面就是手写(可以手动复制Qt Creator中的基本文件),在CLion中只有新建类,是没有相关的ui文件引入等操作得,这些需要自己手动写入。接下来就是编译运行了!

编译成功

运行!

    好了,今天就到这里了😃😃