Introduction

The purpose of the extension is to help users of TorizonCore developing Qt application and using Visual Studio Code as the IDE.

It will integrate right-click menu options on QML and UI files to edit them using Qt Design Studio and QtDesigner.

This extension will improve Qt experience in Visual Studio Code when using the Torizon extension.

Required Software

• Qt Design Studio Community 1.50 or newer (can be installed from Qt installer)

Configure path of Qt Design Studio installation folder

Qt Design Studio is usually installed in the Tools/QtDesignStudio folder of your local Qt setup.
The extension will be loaded every time you have a .qml or .ui file in your workspace, if the path has not been configured it will allow you to configure it at startup.
It will open a folder browse dialog, navigate to the installation folder (for example $HOME/Qt/Tools/QtDesignStudio on a Linux machine) and click "select folder" to confirm.
QML files can be edited by right clicking them in the file list or in the editor and choosing "Open QML file in QtDesignStudio".
UI files can be edited by right clicking them in the file list or in the editor and choosing "Open UI file in QtDesigner".

If you change the Qt tools installation path or choose the wrong path during initial configuration, you can find it in settings under "Extensions\Torizon QtDesignStudio support".