Table des matières
Environnement de test
Étapes
1. Modifier le répertoire bin Qt Ajouter. aux variables d'environnement
2. Installez l'extension VS Code
3. Utilisez Qt Creator pour créer un projet CMake
4. Ouvrez le projet
5. Construisez et exécutez le projet
7. Déboguer le projet
Quelques problèmes mineurs
Maison outils de développement VSCode Une brève discussion sur la façon de configurer VSCode et de développer Qt

Une brève discussion sur la façon de configurer VSCode et de développer Qt

Jun 23, 2021 am 11:28 AM
développement qt vscode

Qt est un framework de développement d'applications d'interface utilisateur graphique C++ multiplateforme développé par Qt Company. Cet article vous présentera comment ajouter le répertoire bin de Qt aux variables d'environnement, installer l'extension VSCode et l'utiliser. VS Code est une méthode pour développer, construire et exécuter des projets Qt.

Une brève discussion sur la façon de configurer VSCode et de développer Qt

[Apprentissage recommandé : "Tutoriel Une brève discussion sur la façon de configurer VSCode et de développer Qt"]

L'interface de Qt Creator n'est pas belle, mais VS Code est plus belle.

Étant donné que Qt5 prend en charge la construction avec CMake et que VS Code peut également prendre en charge le système de construction CMake, cela est tout à fait possible.

Environnement de test

  • Qt 5.15.0
  • CMake 3.17.5
  • Visual Studio 2019 16.7.5 ( Développement de bureau en C++)
  • Visual Studio Code 1.49.3

Étapes

1. Modifier le répertoire bin Qt Ajouter. aux variables d'environnement

En supposant que Qt soit installé sur C:Qt, ajoutez C:Qt5.15.0msvc2019_64bin aux variables d'environnement.

2. Installez l'extension VS Code

Recherchez Une brève discussion sur la façon de configurer VSCode et de développer Qt dans le magasin d'extensions et installez l'extension C/C++ émise par Microsoft.

Une brève discussion sur la façon de configurer VSCode et de développer Qt

Recherchez Une brève discussion sur la façon de configurer VSCode et de développer Qt dans le magasin d'extensions et installez les deux premières extensions, qui sont CMake et CMake Tools.

Une brève discussion sur la façon de configurer VSCode et de développer Qt

3. Utilisez Qt Creator pour créer un projet CMake

Utilisez Qt Creator pour créer un projet de test, comme indiqué dans le figure :

Une brève discussion sur la façon de configurer VSCode et de développer Qt

4. Ouvrez le projet

Utilisez VS Code pour ouvrir le répertoire où se trouve le fichier CMakeLists.txt, comme le montre la figure :

Une brève discussion sur la façon de configurer VSCode et de développer Qt

Vous devez choisir un kit J'utilise la boîte à outils VS 2019, mais vous pouvez également utiliser MinGW. veuillez vous référer à la documentation officielle de l'extension CMake.

vous demande s'il faut configurer 智能感知, sélectionnez Oui.

5. Construisez et exécutez le projet

Appuyez sur F7 pour construire :

Une brève discussion sur la façon de configurer VSCode et de développer Qt

Appuyez sur Shift + F5 Exécuter :

Une brève discussion sur la façon de configurer VSCode et de développer Qt

7. Déboguer le projet

Ajouter des points d'arrêt et appuyer sur Ctrl + F5 pour déboguer :

Une brève discussion sur la façon de configurer VSCode et de développer Qt

Quelques problèmes mineurs

Après les tests, il a été constaté que si vous utilisez MinGW pour construire, les problèmes suivants ne se produiront pas, mais utilisez Visual C++. La build apparaîtra.

Une fois toutes les étapes ci-dessus terminées, vous pouvez coder et exécuter normalement, mais 智能感知有一点问题, comme le montre la figure :

Une brève discussion sur la façon de configurer VSCode et de développer Qt

La raison est que le fichier ui généré par Qt n'est pas inclus dans le répertoire d'inclusion d'IntelliSense.

Après avoir interrogé la documentation CMake, nous avons constaté que le répertoire où se trouve le fichier ui sera ajouté à l'attribut include directory de l'attribut cible :

Une brève discussion sur la façon de configurer VSCode et de développer Qt

Mais la vérification réelle a révélé que ce n'était pas le cas. Nous devons donc toujours ajouter cet attribut manuellement.

Supposons que la cible générée est Test, ajoutez la dernière ligne du fichier CMakeLists.txt :

target_include_directories(Test PRIVATE "${CMAKE_BINARY_DIR}/Test_autogen/include_Debug")
Copier après la connexion

Le contenu final du CMakeLists.txt fichier est :

Une brève discussion sur la façon de configurer VSCode et de développer 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 "${CMAKE_BINARY_DIR}/Test_autogen/include_Debug")
Copier après la connexion

Perception intelligente Fonctionnant normalement :

Une brève discussion sur la façon de configurer VSCode et de développer Qt

Pour plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment afficher des documents Word dans vscode Comment afficher des documents Word dans vscode Comment afficher des documents Word dans vscode Comment afficher des documents Word dans vscode May 09, 2024 am 09:37 AM

Tout d'abord, ouvrez le logiciel vscode sur l'ordinateur, cliquez sur l'icône [Extension] à gauche, comme indiqué en ① sur la figure. Ensuite, entrez [officeviewer] dans la zone de recherche de l'interface d'extension, comme indiqué en ② sur la figure. . Ensuite, dans la recherche, sélectionnez [officeviewer] à installer dans les résultats, comme indiqué dans ③ sur la figure. Enfin, ouvrez le fichier, tel que docx, pdf, etc., comme indiqué ci-dessous.

Comment dessiner un organigramme avec vscode_Comment dessiner un organigramme avec le code visual_studio Comment dessiner un organigramme avec vscode_Comment dessiner un organigramme avec le code visual_studio Apr 23, 2024 pm 02:13 PM

Tout d'abord, ouvrez le code Visual Studio sur l'ordinateur, cliquez sur les quatre boutons carrés à gauche, puis saisissez draw.io dans la zone de recherche pour interroger le plug-in, cliquez sur Installer. Après l'installation, créez un nouveau fichier test.drawio, puis. sélectionnez le fichier test.drawio, entrez dans le mode d'édition sur la gauche. Il y a différents graphiques sur le côté. Vous pouvez dessiner l'organigramme en sélectionnant à volonté, cliquez sur Fichier → Intégrer → svg puis sélectionnez Copier le svg. Collez le code svg copié dans le code html. Ouvrez la page Web html et vous pourrez le voir. Cliquez sur l'image sur la page Web pour accéder à l'organigramme. Sur cette page, vous pouvez zoomer et dézoomer. organigramme. Ici, nous choisissons de cliquer sur le motif de crayon dans le coin inférieur droit pour accéder à la page Web.

Les Chinois de Caltech utilisent l'IA pour renverser les preuves mathématiques ! Accélérer 5 fois a choqué Tao Zhexuan, 80% des étapes mathématiques sont entièrement automatisées Les Chinois de Caltech utilisent l'IA pour renverser les preuves mathématiques ! Accélérer 5 fois a choqué Tao Zhexuan, 80% des étapes mathématiques sont entièrement automatisées Apr 23, 2024 pm 03:01 PM

LeanCopilot, cet outil mathématique formel vanté par de nombreux mathématiciens comme Terence Tao, a encore évolué ? Tout à l'heure, Anima Anandkumar, professeur à Caltech, a annoncé que l'équipe avait publié une version étendue de l'article LeanCopilot et mis à jour la base de code. Adresse de l'article image : https://arxiv.org/pdf/2404.12534.pdf Les dernières expériences montrent que cet outil Copilot peut automatiser plus de 80 % des étapes de preuve mathématique ! Ce record est 2,3 fois meilleur que le précédent record d’Esope. Et, comme auparavant, il est open source sous licence MIT. Sur la photo, il s'agit de Song Peiyang, un garçon chinois.

Comment ajouter des fichiers à l'espace de travail vscode Comment ajouter des fichiers à l'espace de travail vscode Comment ajouter des fichiers à l'espace de travail vscode Comment ajouter des fichiers à l'espace de travail vscode May 09, 2024 am 09:43 AM

1. Tout d'abord, ouvrez le logiciel vscode, cliquez sur l'icône de l'explorateur et recherchez la fenêtre de l'espace de travail 2. Ensuite, cliquez sur le menu Fichier dans le coin supérieur gauche et recherchez l'option Ajouter un dossier à l'espace de travail 3. Enfin, recherchez l'emplacement du dossier dans le disque local, cliquez sur le bouton Ajouter

Comment activer les mises à jour en arrière-plan dans vscode Comment activer les mises à jour en arrière-plan dans vscode Comment activer les mises à jour en arrière-plan dans vscode Comment activer les mises à jour en arrière-plan dans vscode May 09, 2024 am 09:52 AM

1. Tout d'abord, après avoir ouvert l'interface, cliquez sur le menu Fichier dans le coin supérieur gauche. 2. Ensuite, cliquez sur le bouton Paramètres dans la colonne des préférences. 3. Ensuite, dans la page des paramètres qui apparaît, recherchez la section de mise à jour. Enfin, cliquez sur la souris pour le vérifier et l'activer. Téléchargez et installez le nouveau bouton de version de VSCode en arrière-plan sous Windows et redémarrez le programme.

Comment désactiver le fichier de configuration wsl dans vscode Comment désactiver le fichier de configuration wsl dans vscode Comment désactiver le fichier de configuration wsl dans vscode Comment désactiver le fichier de configuration wsl dans vscode May 09, 2024 am 10:30 AM

1. Tout d'abord, ouvrez l'option des paramètres dans le menu des paramètres. 2. Ensuite, recherchez la colonne du terminal dans la page couramment utilisée. 3. Enfin, décochez le bouton usewslprofiles sur le côté droit de la colonne.

Comment définir l'insertion fluide de l'animation dans VScode Tutoriel VScode pour définir l'insertion fluide de l'animation Comment définir l'insertion fluide de l'animation dans VScode Tutoriel VScode pour définir l'insertion fluide de l'animation May 09, 2024 am 09:49 AM

1. Tout d'abord, après avoir ouvert l'interface, cliquez sur l'interface de l'espace de travail 2. Ensuite, dans le panneau d'édition ouvert, cliquez sur le menu Fichier 3. Ensuite, cliquez sur le bouton Paramètres sous la colonne Préférences 4. Enfin, cliquez sur la souris pour vérifier le CursorSmoothCaretAnimation bouton et enregistrez. Il suffit de le définir

Comment ouvrir les autorisations de confiance de l'espace de travail dans Vscode Méthode Vscode pour ouvrir les autorisations de confiance de l'espace de travail Comment ouvrir les autorisations de confiance de l'espace de travail dans Vscode Méthode Vscode pour ouvrir les autorisations de confiance de l'espace de travail May 09, 2024 am 10:34 AM

1. Tout d'abord, après avoir ouvert la fenêtre d'édition, cliquez sur l'icône de configuration dans le coin inférieur gauche 2. Ensuite, cliquez sur le bouton Gérer l'approbation de l'espace de travail dans le sous-menu qui s'ouvre 3. Ensuite, recherchez la page dans la fenêtre d'édition 4. Enfin, selon à votre bureau Vérifiez simplement les instructions pertinentes si nécessaire

See all articles