J'ai essayé d'installer le Qt Extension Pack dans Visual Studio Code

Fri, 13 Sep 2024 00:53:53 +0900

Commencer le développement Qt dans VSCode : Comment installer le Qt Extension Pack

Bonjour, c’est Kenji. Cette fois-ci, je vais vous présenter « comment configurer l’environnement de développement Qt dans Visual Studio Code (ci-après VSCode) ».

Récemment, en plus du Qt Creator officiel, il y a de plus en plus de personnes qui souhaitent développer des applications Qt en utilisant VSCode, qui est léger et hautement extensible. Pour ces personnes, je recommande le “Qt Extension Pack” . En installant simplement ce pack d’extensions, vous obtiendrez les principales extensions liées à Qt d’un seul coup.

Public cible

Ceux qui souhaitent commencer le développement d’applications GUI en utilisant Qt
Ceux qui souhaitent développer dans VSCode plutôt que dans Qt Creator
Ceux qui trouvent fastidieux de chercher les extensions une par une

Prérequis

VSCode doit être installé (Vous pouvez le télécharger gratuitement sur le site officiel)
La bibliothèque Qt elle-même doit être installée (Site officiel de Qt)

Qu’est-ce que le Qt Extension Pack ?

Le Qt Extension Pack est un pack d’extensions pour VSCode. En l’installant, les fonctionnalités suivantes sont automatiquement ajoutées :

Prise en charge des fichiers .ui (Qt Designer)
Coloration syntaxique pour les fichiers .pro et .qrc
Complétion de code C++, prise en charge de la compilation et du débogage pour Qt
Qt Resource Browser (référence des ressources)

Instructions d’installation

1. Ouvrir VSCode

Tout d’abord, démarrez VSCode.

2. Ouvrir la vue des extensions

Cliquez sur la barre d’activité sur le côté gauche (icône de blocs carrés) pour afficher les « Extensions ».

Ou vous pouvez appuyer sur le raccourci Ctrl + Shift + X .

3. Rechercher “Qt Extension Pack”

Entrez le mot-clé suivant dans la barre de recherche :

1

Qt Extension Pack

4. Cliquer sur le bouton d’installation

Lorsque le pack cible s’affiche, cliquez sur le bouton « Installer ». Cela installera plusieurs extensions en une seule fois, telles que :

Qt Language Support
QML Support
Qt Designer Integration
CMake Tools (essentiel pour le développement Qt compatible avec CMake)

Supplément de configuration du projet (Exemple CMake + Qt)

Si vous utilisez Qt basé sur CMake, nous vous recommandons de le combiner avec les extensions suivantes :

De plus, si vous incluez la description suivante dans CMakeLists.txt, l’intégration avec Qt sera fluide :

1
2


find_package(Qt6 REQUIRED COMPONENTS Widgets)
target_link_libraries(MyApp PRIVATE Qt6::Widgets)

Bonus : Comment ouvrir les fichiers .ui ?

Les fichiers .ui peuvent être édités dans Qt Designer. Dans VSCode, vous pourrez faire un clic droit sur le fichier .ui → sélectionner Open with Qt Designer (Qt Designer doit être inclus dans la variable d’environnement PATH).

Résumé

Étape	Contenu
1	Démarrer VSCode
2	Ouvrir le panneau des extensions
3	Rechercher “Qt Extension Pack”
4	Cliquer sur le bouton d’installation

Construire un environnement Qt dans VSCode est devenu beaucoup plus facile qu’auparavant. Il possède suffisamment de fonctionnalités comme alternative à Qt Creator et est recommandé pour ceux qui veulent travailler de manière légère.

Collection de liens recommandés

Pour finir

À l’avenir, je prévois de poursuivre le développement en utilisant les outils UI de Qt et QML dans cet environnement. La prochaine fois, j’expliquerai comment compiler et exécuter une application Hello World en Qt depuis VSCode .

À bientôt !

Extensions Recommandées pour Visual Studio Code

Wed, 29 May 2024 17:20:19 +0900

Liste des Extensions Recommandées pour Visual Studio Code

Catégorie	Nom	Fournisseur	Description
Gestion de Machines Virtuelles et Conteneurs	Remote Devlopment	Microsoft	Prend en charge le développement à distance en se connectant aux conteneurs virtuels/WSL via SSH
Gestion de Machines Virtuelles et Conteneurs	Docker	Microsoft	Prend en charge la gestion des conteneurs Docker
Gestion de Code	GitHub Pull Requests	GitHub	Gère les Pull Requests GitHub dans VSCode
Gestion de Code	GitHub Copilot	GitHub	Prend en charge la complétion de code par IA
Gestion de Code	Git Graph	mhutchie	Affiche graphiquement les branches et commits Git
Gestion de Code	Git History	Don Jayamanne	Affiche l’historique Git
Navigateur et Développement Web	Debugger for Firefox	Firefox DevTools	Utilise le débogueur Firefox dans VSCode
Navigateur et Développement Web	Microsoft Edge Tool For VScode	Microsoft	Utilise les outils de développement Edge dans VSCode
Navigateur et Développement Web	Vue Language Features(Volar)	Vue	Prend en charge les fonctionnalités linguistiques de Vue
Navigateur et Développement Web	JavaScript (ES6) code snippets	charalampos karypidis	Fournit des snippets JavaScript
Navigateur et Développement Web	Tailwind CSS IntelliSense	Tailwind Labs	Fournit des snippets Tailwind CSS
Développement Cloud	AWS Toolkit	Amazon Web Services	Prend en charge le développement AWS
Développement Cloud	Azure Tools	Microsoft	Prend en charge le développement Azure
Développement Cloud	Google Cloud Tools	Google Cloud	Prend en charge le développement Google Cloud
Base de Données	MySQL	Jun Han	Prend en charge le développement MySQL
Base de Données	SQL Server(mssql)	Microsoft	Prend en charge le développement SQL Server
Base de Données	PostgreSQL	Chris Kolkman	Prend en charge le développement PostgreSQL
Systèmes Embarqués	PlatformIO	PlatformIO	Prend en charge le développement PlatformIO
Systèmes Embarqués	Arduino	Microsoft	Prend en charge le développement Arduino
Systèmes Embarqués	WorkBench	Particle	Prend en charge le développement pour l’IoT, incluant l’environnement de développement fourni par Particle, le firmware, les bibliothèques et l’intégration cloud
C/C++	C/C++ Extension Pack	Microsoft	Prend en charge le développement C/C++
C/C++	C/C++ Runner	franneck94	Exécute le code C/C++ (prend en charge les compilateurs gcc, msvc et cuda nvcc)
C/C++	Cortex-Debug	marus25	Prend en charge le débogage des microcontrôleurs Cortex-A/R/M
Python	Python Extension Pack	Microsoft	Prend en charge le développement Python
Python	jupyter	Microsoft	Prend en charge le développement Jupyter Notebook
Utilitaires et Extensions UI	Makrdown All in One	Yu Zhang	Prend en charge l’écriture en Markdown
Utilitaires et Extensions UI	Hex Editor	Microsoft	Édite les fichiers binaires
Utilitaires et Extensions UI	vscode-pdf	tomoki1207	Affiche les fichiers PDF
Utilitaires et Extensions UI	Rainbow CSV	mechatroner	Affiche les fichiers CSV de manière colorée
Utilitaires et Extensions UI	Draw.io Integration	Henning Dieterichs	Utilise Draw.io dans VSCode
Utilitaires et Extensions UI	Japanese Language Pack for Visual Studio Code	Microsoft	Pack de langue Japonaise
Utilitaires et Extensions UI	Live Share	Microsoft	Prend en charge la collaboration en temps réel

Visual Studio Code on kenji.blog