Iniciando o desenvolvimento Qt no VSCode: Como instalar o Qt Extension Pack

Olá, aqui é o Kenji. Desta vez, apresentarei “como configurar o ambiente de desenvolvimento Qt no Visual Studio Code (doravante VSCode)”.

Recentemente, além do Qt Creator oficial, há um número crescente de pessoas que desejam desenvolver aplicativos Qt usando o VSCode, que é leve e altamente extensível. Para essas pessoas, recomendo o “Qt Extension Pack” . Basta instalar este pacote de extensões e você terá as principais extensões relacionadas ao Qt de uma só vez.

Público-alvo

Aqueles que desejam iniciar o desenvolvimento de aplicativos GUI usando Qt
Aqueles que desejam desenvolver no VSCode em vez do Qt Creator
Aqueles que têm preguiça de procurar extensões uma por uma

Pré-requisitos

O VSCode deve estar instalado (Você pode baixá-lo gratuitamente no site oficial)
A própria biblioteca Qt deve estar instalada (Site oficial do Qt)

O que é o Qt Extension Pack?

O Qt Extension Pack é um pacote de extensões para o VSCode. Ao instalá-lo, os seguintes recursos são adicionados automaticamente:

Suporte para arquivos .ui (Qt Designer)
Destaque de sintaxe para arquivos .pro e .qrc
Conclusão de código C++, compilação e suporte a depuração para Qt
Qt Resource Browser (referência de recursos)

Instruções de Instalação

1. Abra o VSCode

Primeiro, inicie o VSCode.

2. Abra a visualização de Extensões

Clique na barra de atividades no lado esquerdo (ícone de blocos quadrados) para exibir as “Extensões”.

Ou você pode pressionar o atalho Ctrl + Shift + X.

3. Pesquise por “Qt Extension Pack”

Digite a seguinte palavra-chave na barra de pesquisa:

1
Qt Extension Pack

4. Clique no botão de Instalação

Quando o pacote de destino for exibido, clique no botão “Instalar”. Isso instalará várias extensões de uma só vez, como as seguintes:

Qt Language Support
QML Support
Qt Designer Integration
CMake Tools (essencial para desenvolvimento Qt compatível com CMake)

Configuração adicional do projeto (Exemplo CMake + Qt)

Se você usar o Qt baseado no CMake, recomendamos combiná-lo com as seguintes extensões:

Além disso, se você incluir a seguinte descrição em CMakeLists.txt, a integração com o Qt será tranquila:

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

Bônus: Como abro os arquivos .ui?

Os arquivos .ui podem ser editados no Qt Designer. No VSCode, você poderá clicar com o botão direito do mouse no arquivo .ui → selecionar Open with Qt Designer (o Qt Designer deve estar incluído na variável de ambiente PATH).

Resumo

Passo	Conteúdo
1	Iniciar o VSCode
2	Abrir o painel de extensões
3	Pesquisar por “Qt Extension Pack”
4	Clicar no botão de Instalação

Construir um ambiente Qt no VSCode tornou-se muito mais fácil do que antes. Ele tem recursos suficientes como uma alternativa ao Qt Creator e é recomendado para quem quer trabalhar com leveza.

Coleção de links recomendados

Por fim

No futuro, planejo prosseguir com o desenvolvimento utilizando ferramentas de UI do Qt e QML neste ambiente. Na próxima vez, explicarei como compilar e executar um aplicativo Hello World em Qt a partir do VSCode .

Até logo!

Criando o Ambiente de Desenvolvimento Qt no VSCode! Como instalar e usar o Qt Extension Pack

Apresentamos o procedimento de introdução do 'Qt Extension Pack', uma extensão para desenvolvimento de aplicativos Qt usando VSCode (Visual Studio Code). Recomendado para aqueles que desejam construir um ambiente de desenvolvimento mais leve em alternativa ao Qt Creator.