Overview

With Qt Extension for VS Code, you can develop widget-based and Qt Quick applications for the desktop and web.

{Qt source code open in the VS Code editor}

You can install Qt extension packs and individual extensions depending on what kind of applications you develop.

C++ development

With the Qt C++ extension pack, you can:

  • Use Qt in your CMake project by selecting a generated Qt kit
  • Get syntax highlighting and code completion for Qt-specific file formats
  • Design Qt widgets-based UIs with Qt Widgets Designer
  • Build Qt projects with CMake
  • Debug Qt's C++ types
  • Read Qt Documentation

Qt Quick development

With the Qt Qml extension, you can:

  • Get QML syntax highlighting and code completion with QML Language Server
  • Verify the syntax of QML code with qmllint

Web development

With the Qt for WebAssembly extension pack, you can:

  • Use Qt in your CMake project by selecting a generated Qt kit
  • Get syntax highlighting and code completion for Qt-specific file formats
  • Build Qt projects with CMake
  • Debug Qt for WebAssembly code
  • Read Qt documentation

See also Installation.

© 2024 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.