使用VS Code進行Qt開發(fā)的實現
Qt Creator界面不美觀,而VS Code更漂亮一些。
因為Qt5支持使用CMake進行構建,而VS Code也可以支持CMake構建系統,因此是完全可以的。
測試環(huán)境
- Qt 5.15.0
- CMake 3.17.5
- Visual Studio 2019 16.7.5(使用C++的桌面開發(fā))
- Visual Studio Code 1.49.3
步驟
1. 將Qt的bin目錄添加到環(huán)境變量
假設Qt安裝在C:\Qt,那么將C:\Qt\5.15.0\msvc2019_64\bin添加到環(huán)境變量。
2. 安裝VS Code擴展
在擴展商店搜索c++,安裝微軟發(fā)行的C/C++擴展。

在擴展商店搜索cmake,安裝前兩個擴展,分別為CMake、CMake Tools。

3. 使用Qt Creator創(chuàng)建CMake項目
使用Qt Creator創(chuàng)建一個測試項目,如圖所示:

4. 在VS Code中打開項目
用VS Code打開CMakeLists.txt文件所在目錄,如圖所示:

需要選擇一個kit,我是用的是VS 2019的工具包,也可以使用MinGW,具體請參考CMake擴展的官方文檔。
提示是否配置智能感知,選擇是。
5. 構建并運行項目
按F7進行構建:

按Shift + F5運行:

7. 調試項目
添加斷點,按下Ctrl + F5進行調試:

一些小問題
上述所有步驟完成后,已經可以正常編碼和運行,但智能感知有一點問題,如圖:

原因在于Qt生成的ui文件沒有被包含到智能感知的include目錄中。
查詢了CMake文檔后發(fā)現ui文件所在目錄會被添加到目標屬性的include目錄屬性中:

但實際驗證發(fā)現并沒有,所以我們還需要手動添加這個屬性。
假設生成的目標為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開發(fā)的實現的文章就介紹到這了,更多相關VSCode Qt開發(fā)內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
解析VScode在Windows環(huán)境下c_cpp_properties.json文件配置問題(推薦)
這篇文章主要介紹了解析VScode在Windows環(huán)境下c_cpp_properties.json文件配置問題,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05
解析OpenSSL1.1.1?centos7安裝編譯aes的c++調用
這篇文章主要介紹了OpenSSL1.1.1?centos7安裝編譯aes的c++調用,實現方法也很簡單,主要是在該文檔內加入openssl的lib路徑,感興趣的朋友跟隨小編一起看看吧2022-03-03
Qt圖形圖像開發(fā)曲線圖表模塊QChart庫縮放/平移詳細方法與實例
這篇文章主要介紹了Qt圖形圖像開發(fā)曲線圖表模塊QChart庫縮放/平移詳細方法與實例,需要的朋友可以參考下2020-03-03

