Tentando instalar o Qt Extension Pack no Visual Studio Code

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

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!

Extensões Recomendadas para Visual Studio Code

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

Lista de Extensões Recomendadas para Visual Studio Code

Categoria	Nome	Fornecedor	Descrição
Gestão de Máquinas Virtuais e Contentores	Remote Devlopment	Microsoft	Suporta desenvolvimento remoto ao conectar a contentores virtuais/WSL via SSH
Gestão de Máquinas Virtuais e Contentores	Docker	Microsoft	Suporta a gestão de contentores Docker
Gestão de Código	GitHub Pull Requests	GitHub	Gere os Pull Requests do GitHub no VSCode
Gestão de Código	GitHub Copilot	GitHub	Suporta a conclusão de código por IA
Gestão de Código	Git Graph	mhutchie	Exibe graficamente os ramos e commits do Git
Gestão de Código	Git History	Don Jayamanne	Exibe o histórico do Git
Navegador e Desenvolvimento Web	Debugger for Firefox	Firefox DevTools	Utiliza o depurador do Firefox no VSCode
Navegador e Desenvolvimento Web	Microsoft Edge Tool For VScode	Microsoft	Utiliza as ferramentas de desenvolvedor do Edge no VSCode
Navegador e Desenvolvimento Web	Vue Language Features(Volar)	Vue	Suporta as funcionalidades de linguagem do Vue
Navegador e Desenvolvimento Web	JavaScript (ES6) code snippets	charalampos karypidis	Fornece snippets de JavaScript
Navegador e Desenvolvimento Web	Tailwind CSS IntelliSense	Tailwind Labs	Fornece snippets de Tailwind CSS
Desenvolvimento na Cloud	AWS Toolkit	Amazon Web Services	Suporta o desenvolvimento na AWS
Desenvolvimento na Cloud	Azure Tools	Microsoft	Suporta o desenvolvimento no Azure
Desenvolvimento na Cloud	Google Cloud Tools	Google Cloud	Suporta o desenvolvimento no Google Cloud
Base de Dados	MySQL	Jun Han	Suporta o desenvolvimento em MySQL
Base de Dados	SQL Server(mssql)	Microsoft	Suporta o desenvolvimento em SQL Server
Base de Dados	PostgreSQL	Chris Kolkman	Suporta o desenvolvimento em PostgreSQL
Sistemas Embutidos	PlatformIO	PlatformIO	Suporta o desenvolvimento no PlatformIO
Sistemas Embutidos	Arduino	Microsoft	Suporta o desenvolvimento em Arduino
Sistemas Embutidos	WorkBench	Particle	Suporta desenvolvimento para IoT, incluindo o ambiente de desenvolvimento fornecido pela Particle, firmware, bibliotecas e integração cloud
C/C++	C/C++ Extension Pack	Microsoft	Suporta o desenvolvimento em C/C++
C/C++	C/C++ Runner	franneck94	Executa código C/C++ (suporta compiladores gcc, msvc e cuda nvcc)
C/C++	Cortex-Debug	marus25	Suporta a depuração de microcontroladores Cortex-A/R/M
Python	Python Extension Pack	Microsoft	Suporta o desenvolvimento em Python
Python	jupyter	Microsoft	Suporta o desenvolvimento em Jupyter Notebook
Utilitários e Extensões de UI	Makrdown All in One	Yu Zhang	Suporta a escrita em Markdown
Utilitários e Extensões de UI	Hex Editor	Microsoft	Edita ficheiros binários
Utilitários e Extensões de UI	vscode-pdf	tomoki1207	Exibe ficheiros PDF
Utilitários e Extensões de UI	Rainbow CSV	mechatroner	Exibe ficheiros CSV de forma colorida
Utilitários e Extensões de UI	Draw.io Integration	Henning Dieterichs	Utiliza o Draw.io no VSCode
Utilitários e Extensões de UI	Japanese Language Pack for Visual Studio Code	Microsoft	Pacote de idioma Japonês
Utilitários e Extensões de UI	Live Share	Microsoft	Suporta colaboração em tempo real

Visual Studio Code on kenji.blog