Начинаем разработку на Qt в VSCode: Как установить Qt Extension Pack

Привет, я Kenji. В этот раз я расскажу «Как настроить среду разработки Qt в Visual Studio Code (далее VSCode)».

В последнее время, в дополнение к официальному Qt Creator, всё больше людей хотят разрабатывать приложения Qt с использованием легковесного и расширяемого VSCode. Тем, кто ищет такую возможность, я рекомендую ** «Qt Extension Pack» **. Просто установив этот пакет расширений, вы получите все основные расширения, связанные с Qt, одновременно.

Целевая аудитория

• Те, кто хочет начать разработку GUI-приложений с использованием Qt
• Те, кто хочет разрабатывать в VSCode, а не в Qt Creator
• Те, кому лень искать расширения по одному

Предварительные требования

• VSCode уже установлен (Вы можете бесплатно скачать его с официального сайта)
• Сама библиотека Qt установлена (Официальный сайт Qt)

Что такое Qt Extension Pack?

Qt Extension Pack — это пакет расширений для VSCode. Установив его, автоматически добавятся следующие функции:

• Поддержка файлов .ui (Qt Designer)
• Подсветка синтаксиса для файлов .pro и .qrc
• Автодополнение кода C++ для Qt, поддержка сборки и отладки
• Qt Resource Browser (просмотр ресурсов)

Инструкция по установке

1. Откройте VSCode

Сначала запустите VSCode.

2. Откройте панель расширений

Нажмите на панель активности слева (иконка с квадратиками), чтобы открыть «Расширения».

Или вы можете нажать сочетание клавиш Ctrl + Shift + X.

3. Найдите «Qt Extension Pack»

Введите следующее ключевое слово в строку поиска:

1

Qt Extension Pack

4. Нажмите кнопку установки

Когда появится нужный пакет, нажмите кнопку «Установить». Это установит сразу несколько следующих расширений:

• Qt Language Support
• QML Support
• Qt Designer Integration
• CMake Tools (необходимо для разработки Qt с поддержкой CMake)

Дополнение к настройкам проекта (пример CMake + Qt)

Если вы используете Qt на базе CMake, рекомендуется комбинация со следующими расширениями:

• CMake Tools
• CMake Language Support

Кроме того, если вы добавите следующий код в CMakeLists.txt, интеграция с Qt будет проходить более гладко:

1
2

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

Бонус: Как открывать файлы .ui?

Файлы .ui можно редактировать в Qt Designer. В VSCode вы сможете нажать правой кнопкой мыши на файл .ui → выбрать Open with Qt Designer (необходимо, чтобы Qt Designer был включен в переменную среды PATH).

Заключение

Создание среды Qt в VSCode стало намного проще, чем раньше. Она имеет достаточно функций, чтобы служить альтернативой Qt Creator, и мы рекомендуем её тем, кто хочет работать легко и быстро.

Рекомендуемые ссылки

• Официальный сайт Qt
• Qt Extension Pack - Visual Studio Marketplace
• Официальный сайт VSCode
• Расширение CMake Tools

В заключение

В будущем я планирую продолжить разработку, используя UI-инструменты Qt и QML в этой среде. В следующий раз я планирую объяснить, ** как собрать и запустить приложение Hello World на Qt из VSCode **.

До скорого!