首頁 > 開發工具 > VSCode > 淺談VSCode配置並進行Qt開發的方法

淺談VSCode配置並進行Qt開發的方法

青灯夜游
發布: 2021-06-23 11:28:57
轉載
21089 人瀏覽過

Qt是一個由Qt Company開發的跨平台C 圖形使用者介面應用程式開發框架,本篇文章為大家介紹一下將Qt的bin目錄加入環境變數、安裝VSCode擴充功能、使用VS Code進行Qt開發、建置並執行專案的方法。

淺談VSCode配置並進行Qt開發的方法

【推薦學習:《淺談VSCode配置並進行Qt開發的方法教學》】

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 擴充功能。

淺談VSCode配置並進行Qt開發的方法

在擴展商店搜尋

淺談VSCode配置並進行Qt開發的方法,安裝前兩個擴展,分別為CMake、CMake Tools。

淺談VSCode配置並進行Qt開發的方法

3. 使用Qt Creator建立CMake項目

使用Qt Creator建立一個測試項目,如圖所示:

淺談VSCode配置並進行Qt開發的方法

4. 在VS Code中開啟項目

#用VS Code開啟

CMakeLists.txt檔案所在目錄,如圖:

淺談VSCode配置並進行Qt開發的方法

要選一個

kit,我是用的是VS 2019的工具包,也可以用MinGW,具體請參考CMake擴充的官方文件。

提示是否配置

智慧感知,選擇是。

5. 建置並執行專案

F7建置:

淺談VSCode配置並進行Qt開發的方法

Shift F5運行:

淺談VSCode配置並進行Qt開發的方法

#7. 偵錯項目

新增斷點,按下

Ctrl F5進行偵錯:

淺談VSCode配置並進行Qt開發的方法

一些小問題

測試後發現如果使用MinGW建置則不會出現下面的問題,而使用Visual C 建置則會出現。

上述所有步驟完成後,已經可以正常編碼和運行,但

智能感知有一點問題,如圖:

淺談VSCode配置並進行Qt開發的方法

原因在於Qt產生的ui檔案沒有被包含到智慧感知的include目錄中。

查詢了CMake文件後發現ui檔案所在目錄會被加入到目標屬性的include目錄屬性中:

淺談VSCode配置並進行Qt開發的方法##但實際驗證發現並沒有,所以我們還需要手動新增這個屬性。

假設產生的目標為

Test

,在CMakeLists.txt檔案的最後一行新增:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">target_include_directories(Test PRIVATE &quot;${CMAKE_BINARY_DIR}/Test_autogen/include_Debug&quot;)</pre><div class="contentsignin">登入後複製</div></div>最終的

CMakeLists.txt

檔案內容為:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">淺談VSCode配置並進行Qt開發的方法_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 &quot;${CMAKE_BINARY_DIR}/Test_autogen/include_Debug&quot;)</pre><div class="contentsignin">登入後複製</div></div>智慧感知正常運作:

淺談VSCode配置並進行Qt開發的方法#更多程式相關知識,請造訪:

程式設計入門

! !

以上是淺談VSCode配置並進行Qt開發的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板