vscode怎么写qt项目_使用VS Code进行Qt开发的实现

本文介绍了如何使用VS Code进行Qt开发,包括配置环境变量,安装C/C++和CMake扩展,利用Qt Creator创建CMake项目,然后在VS Code中打开、构建、运行及调试项目。解决智能感知问题的关键在于手动添加ui文件的include目录属性。
摘要由CSDN通过智能技术生成

Qt Creator界面不美观,而VS Code更漂亮一些。

因为Qt5支持使用CMake进行构建,而VS Code也可以支持CMake构建系统,因此是完全可以的。

测试环境

Qt 5.15.0

CMake 3.17.5

Visual Studio 2019 16.7.5(使用C++的桌面开发)

Visual Studio Code 1.49.3

步骤

1. 将Qt的bin目录添加到环境变量

假设Qt安装在C:\Qt,那么将C:\Qt\5.15.0\msvc2019_64\bin添加到环境变量。

2. 安装VS Code扩展

在扩展商店搜索c++,安装微软发行的C/C++扩展。

在扩展商店搜索cmake,安装前两个扩展,分别为CMake、CMake Tools。

3. 使用Qt Creator创建CMake项目

使用Qt Creator创建一个测试项目,如图所示:

4. 在VS Code中打开项目

用VS Code打开CMakeLists.txt文件所在目录,如图所示:

需要选择一个kit,我是用的是VS 2019的工具包,也可以使用MinGW,具体请参考CMake扩展的官方文档。

提示是否配置智能感知,选择是。

5. 构建并运行项目

按F7进行构建:

按Shift + F5运行:

7. 调试项目

添加断点,按下Ctrl + F5进行调试:

一些小问题

上述所有步骤完成后,已经可以正常编码和运行,但智能感知有一点问题,如图:

原因在于Qt生成的ui文件没有被包含到智能感知的include目录中。

查询了CMake文档后发现ui文件所在目录会被添加到目标属性的include目录属性中:

但实际验证发现并没有,所以我们还需要手动添加这个属性。

假设生成的目标为Test,在CMakeLists.txt文件的最后一行添加:

target_include_directories(Test PRIVATE "${CMAKE_BINARY_DIR}/Test_autogen/include_Debug")

最终的CMakeLists.txt文件内容为:

cmake_minimum_required(VERSION 3.5)

project(Test LANGUAGES CXX)

set(CMAKE_INCLUDE_CURRENT_DIR ON)

set(CMAKE_AUTOUIC ON)

set(CMAKE_AUTOMOC ON)

set(CMAKE_AUTORCC ON)

set(CMAKE_CXX_STANDARD 11)

set(CMAKE_CXX_STANDARD_REQUIRED ON)

# QtCreator supports the following variables for Android, which are identical to qmake Android variables.

# Check http://doc.qt.io/qt-5/deployment-android.html for more information.

# They need to be set before the find_package(Qt5 ...) call.

#if(ANDROID)

# set(ANDROID_PACKAGE_SOURCE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/android")

# if (ANDROID_ABI STREQUAL "armeabi-v7a")

# set(ANDROID_EXTRA_LIBS

# ${CMAKE_CURRENT_SOURCE_DIR}/path/to/libcrypto.so

# ${CMAKE_CURRENT_SOURCE_DIR}/path/to/libssl.so)

# endif()

#endif()

find_package(QT NAMES Qt6 Qt5 COMPONENTS Widgets REQUIRED)

find_package(Qt${QT_VERSION_MAJOR} COMPONENTS Widgets REQUIRED)

if(ANDROID)

add_library(Test SHARED

main.cpp

mainwindow.cpp

mainwindow.h

mainwindow.ui

)

else()

add_executable(Test

main.cpp

mainwindow.cpp

mainwindow.h

mainwindow.ui

)

endif()

target_link_libraries(Test PRIVATE Qt${QT_VERSION_MAJOR}::Widgets)

target_include_directories(Test PRIVATE "${CMAKE_BINARY_DIR}/Test_autogen/include_Debug")

智能感知正常工作:

到此这篇关于使用VS Code进行Qt开发的实现的文章就介绍到这了,更多相关VSCode Qt开发内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 VSCode QT 项目之前,需要确保已经安装了以下软件: 1. Qt 5 开发环境 2. VSCode 3. C++ 插件 4. Code Runner 插件 安装完以上软件后,可以按照以下步骤进行设置和编译调试 QT 程序: 1. 打开 VSCode,点击左侧菜单栏中的“扩展”按钮,搜索并安装 C++ 和 Code Runner 插件。 2. 创建一个新的 QT 项目,在 QT Creator 中创建一个新的 QT 项目,选择“空项目”,并确保已经勾选了“生成 C++ 代码”。 3. 在 VSCode 中打开项目文件夹,在 VSCode 中打开刚刚创建的 QT 项目文件夹。 4. 在 VSCode 中配置 C++ 扩展,在 VSCode 中按下“Ctrl + Shift + P”打开命令面板,搜索并选择“C++: Edit Configurations”,然后在打开的配置文件中添加以下内容: ``` { "configurations": [ { "name": "g++ - Build and debug active file", "type": "cppdbg", "request": "launch", "program": "${fileDirname}/${fileBasenameNoExtension}", "args": [], "stopAtEntry": false, "cwd": "${fileDirname}", "environment": [], "externalConsole": false, "MIMode": "gdb", "miDebuggerPath": "/usr/bin/gdb" } ] } ``` 5. 在 VSCode 中配置 Code Runner 插件,在 VSCode 中按下 F1 打开命令面板,输入“Code Runner: Executor Map”,选择“Edit in settings.json”,将以下配置添加到 settings.json 文件中: ``` "code-runner.executorMap": { "cpp": "cd $dir && qmake -project && qmake && make && $dir$fileNameWithoutExt" } ``` 6. 编译和运行 QT 项目,保存代码后按下“Ctrl + Alt + N”或右键点击代码区域并选择“Run Code”即可编译和运行 QT 项目。 7. 调试 QT 项目,在 VSCode 中按下 F5 或点击左侧菜单栏中的“调试”按钮,选择“g++- Build and debug active file”即可开始调试 QT 项目。 以上就是使用 VSCode QT 项目的步骤,希望对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值