Ich habe versucht, das Qt Extension Pack in Visual Studio Code zu installieren

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

Starten der Qt-Entwicklung in VSCode: So installieren Sie das Qt Extension Pack

Hallo, hier ist Kenji. Dieses Mal werde ich vorstellen, „wie man die Qt-Entwicklungsumgebung in Visual Studio Code (im Folgenden VSCode) einrichtet“.

In letzter Zeit möchten neben dem offiziellen Qt Creator immer mehr Menschen Qt-Apps mit VSCode entwickeln, das leichtgewichtig und in hohem Maße erweiterbar ist. Für diese Personen empfehle ich das “Qt Extension Pack” . Wenn Sie dieses Erweiterungspaket installieren, erhalten Sie auf einen Schlag die wichtigsten Qt-bezogenen Erweiterungen.

Zielpublikum

Diejenigen, die mit der Entwicklung von GUI-Apps mit Qt beginnen möchten
Diejenigen, die in VSCode statt im Qt Creator entwickeln möchten
Diejenigen, die es mühsam finden, Erweiterungen einzeln zu suchen

Voraussetzungen

VSCode muss installiert sein (Sie können es kostenlos von der offiziellen Website herunterladen)
Die Qt-Bibliothek selbst muss installiert sein (Offizielle Qt-Website)

Was ist das Qt Extension Pack?

Das Qt Extension Pack ist ein Erweiterungspaket für VSCode. Durch die Installation werden die folgenden Funktionen automatisch hinzugefügt:

Unterstützung für .ui-Dateien (Qt Designer)
Syntax-Hervorhebung für .pro- und .qrc-Dateien
C++-Code-Vervollständigung, Build- und Debugging-Unterstützung für Qt
Qt Resource Browser (Ressourcenreferenz)

Installationsanweisungen

1. VSCode öffnen

Starten Sie zunächst VSCode.

2. Erweiterungsansicht öffnen

Klicken Sie auf die Aktivitätsleiste auf der linken Seite (quadratisches Block-Symbol), um die „Erweiterungen“ anzuzeigen.

Oder Sie können die Tastenkombination Ctrl + Shift + X drücken.

3. Nach “Qt Extension Pack” suchen

Geben Sie das folgende Schlüsselwort in die Suchleiste ein:

1

Qt Extension Pack

4. Auf die Schaltfläche “Installieren” klicken

Wenn das Zielpaket angezeigt wird, klicken Sie auf die Schaltfläche „Installieren“. Dadurch werden mehrere Erweiterungen auf einmal installiert, wie zum Beispiel die folgenden:

Qt Language Support
QML Support
Qt Designer Integration
CMake Tools (unerlässlich für die CMake-kompatible Qt-Entwicklung)

Zusätzliche Projekteinstellungen (Beispiel CMake + Qt)

Wenn Sie das CMake-basierte Qt verwenden, empfehlen wir die Kombination mit den folgenden Erweiterungen:

Wenn Sie außerdem die folgende Beschreibung in die CMakeLists.txt einfügen, verläuft die Integration mit Qt reibungslos:

1
2


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

Bonus: Wie öffne ich .ui-Dateien?

.ui-Dateien können im Qt Designer bearbeitet werden. In VSCode können Sie mit der rechten Maustaste auf die .ui-Datei klicken → Open with Qt Designer auswählen (Qt Designer muss in der Umgebungsvariablen PATH enthalten sein).

Zusammenfassung

Schritt	Inhalt
1	VSCode starten
2	Erweiterungspanel öffnen
3	Nach “Qt Extension Pack” suchen
4	Auf die Schaltfläche Installieren klicken

Der Aufbau einer Qt-Umgebung in VSCode ist viel einfacher geworden als früher. Es verfügt über genügend Funktionen als Alternative zum Qt Creator und ist für diejenigen zu empfehlen, die leichtgewichtig arbeiten möchten.

Empfohlene Linksammlung

Zum Schluss

In Zukunft plane ich, die Entwicklung unter Verwendung der UI-Tools von Qt und QML in dieser Umgebung voranzutreiben. Beim nächsten Mal werde ich erklären, wie man eine Qt Hello World-App aus VSCode heraus erstellt und ausführt .

Bis bald!

Empfohlene Erweiterungen für Visual Studio Code

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

Liste der empfohlenen Erweiterungen für Visual Studio Code

Kategorie	Name	Anbieter	Beschreibung
Virtuelle und Container-Verwaltung	Remote Devlopment	Microsoft	Unterstützt Remote-Entwicklung durch Verbindung mit virtuellen Containern/WSL über SSH
Virtuelle und Container-Verwaltung	Docker	Microsoft	Unterstützt die Verwaltung von Docker-Containern
Code-Verwaltung	GitHub Pull Requests	GitHub	Verwaltet GitHub Pull Requests in VSCode
Code-Verwaltung	GitHub Copilot	GitHub	Unterstützt KI-gestützte Code-Vervollständigung
Code-Verwaltung	Git Graph	mhutchie	Zeigt Git-Branches und Commits grafisch an
Code-Verwaltung	Git History	Don Jayamanne	Zeigt den Git-Verlauf an
Browser und Webentwicklung	Debugger for Firefox	Firefox DevTools	Verwendet den Firefox-Debugger in VSCode
Browser und Webentwicklung	Microsoft Edge Tool For VScode	Microsoft	Verwendet die Edge-Entwicklertools in VSCode
Browser und Webentwicklung	Vue Language Features(Volar)	Vue	Unterstützt Vue-Sprachfunktionen
Browser und Webentwicklung	JavaScript (ES6) code snippets	charalampos karypidis	Bietet JavaScript-Snippets
Browser und Webentwicklung	Tailwind CSS IntelliSense	Tailwind Labs	Bietet Tailwind CSS-Snippets
Cloud-Entwicklung	AWS Toolkit	Amazon Web Services	Unterstützt die AWS-Entwicklung
Cloud-Entwicklung	Azure Tools	Microsoft	Unterstützt die Azure-Entwicklung
Cloud-Entwicklung	Google Cloud Tools	Google Cloud	Unterstützt die Google Cloud-Entwicklung
Datenbank	MySQL	Jun Han	Unterstützt die MySQL-Entwicklung
Datenbank	SQL Server(mssql)	Microsoft	Unterstützt die SQL Server-Entwicklung
Datenbank	PostgreSQL	Chris Kolkman	Unterstützt die PostgreSQL-Entwicklung
Eingebettete Systeme	PlatformIO	PlatformIO	Unterstützt die PlatformIO-Entwicklung
Eingebettete Systeme	Arduino	Microsoft	Unterstützt die Arduino-Entwicklung
Eingebettete Systeme	WorkBench	Particle	Unterstützt die Entwicklung für das IoT, einschließlich der von Particle bereitgestellten Entwicklungsumgebung, Firmware, Bibliotheken und Cloud-Integration
C/C++	C/C++ Extension Pack	Microsoft	Unterstützt die C/C++-Entwicklung
C/C++	C/C++ Runner	franneck94	Führt C/C++-Code aus (unterstützt gcc, msvc und cuda nvcc Compiler)
C/C++	Cortex-Debug	marus25	Unterstützt das Debugging von Cortex-A/R/M-Mikrocontrollern
Python	Python Extension Pack	Microsoft	Unterstützt die Python-Entwicklung
Python	jupyter	Microsoft	Unterstützt die Jupyter Notebook-Entwicklung
Dienstprogramme und UI-Erweiterungen	Makrdown All in One	Yu Zhang	Unterstützt das Schreiben in Markdown
Dienstprogramme und UI-Erweiterungen	Hex Editor	Microsoft	Bearbeitet Binärdateien
Dienstprogramme und UI-Erweiterungen	vscode-pdf	tomoki1207	Zeigt PDF-Dateien an
Dienstprogramme und UI-Erweiterungen	Rainbow CSV	mechatroner	Zeigt CSV-Dateien farbig an
Dienstprogramme und UI-Erweiterungen	Draw.io Integration	Henning Dieterichs	Verwendet Draw.io in VSCode
Dienstprogramme und UI-Erweiterungen	Japanese Language Pack for Visual Studio Code	Microsoft	Japanisches Sprachpaket
Dienstprogramme und UI-Erweiterungen	Live Share	Microsoft	Unterstützt Echtzeit-Zusammenarbeit

Visual Studio Code on kenji.blog