💼 Components Show Case
AvisosSite
import {LABsIncomplete,EaDIncomplete,LABsApoio} from '@site/src/components/AvisosSite';
LABsIncomplete
{/_ Alerta de que este conteúdo de laboratório está incompleto! _/}
<LABsIncomplete />
A documentação desta atividade de laboratório está em processo de construção e por isso pode estar incompleta.
Utilize como base a descrição apresentada no Moodle da disciplina.
EaDIncomplete
{/_ Alerta de que este conteúdo de EaD está incompleto! _/}
<EaDIncomplete />
A documentação desta atividade de EaD está em processo de construção e por isso pode estar incompleta.
Utilize como base a descrição apresentada no Moodle da disciplina.
LABsApoio
{/_ Info de que este conteúdo é de apoio! _/}
<LABsApoio />
A documentação desta atividade de laboratório é complementar a documentação principal da disciplina.
Utilize como base a descrição apresentada no Moodle da disciplina.
InstructionsSite
import {VerifyDev1,VerifyDev2,GitConfig} from '@site/src/components/InstructionsSite';
import {DevTools} from '@site/src/components/InstructionsSite';
VerifyDev1
import {VerifyDev1} from '@site/src/components/InstructionsSite';
{/_ Verifique o seu ambiente dev, git, gh e code _/}
<VerifyDev1 />
Versão do git e configurações:
git --version && git config --list --show-origin
Versão do GitHub CLI e status de login:
gh --version && gh auth status
Versão do Visual Studio Code e extensões instaladas:
code -v && code --list-extensions --profile "ESP32IO"
VerifyDev2
import {VerifyDev2} from '@site/src/components/InstructionsSite';
{/_ Verifique o seu ambiente dev, git, gh, code, gcc e gdb _/}
<VerifyDev2 />
Verifique o seu ambiente de desenvolvimento!
Versão do git e configurações:
git --version
git config --list --show-origin
Versão do GitHub CLI e status de login:
gh --version
gh auth status
Versão do Visual Studio Code e extensões instaladas:
code -v
code --profile "ESP32IO"
code --list-extensions --profile "ESP32IO"
Versão do gcc e gdb instaladas:
gcc --version
gbd --version
GitConfig
import {GitConfig} from '@site/src/components/InstructionsSite';
{/_ Configure o git _/}
<GitConfig />
Configure o nome de usuário para todos os repositórios locais ligados às suas transações de commit:
git config --global user.name "Your Name"
Configure o email de usuário para todos os repositórios locais ligados às suas transações de commit:
git config --global user.email "you@example.com"
É recomendado verificar se a instalação do seu Git não está realizando nenhuma transformação entre LFs e CRLFs.
git config --global core.autocrlf false
Configure o git para usar o Visual Studio Code como editor padrão para tarefas como escrever mensagens de commit ou rebases interativos
git config --global core.editor "code --wait"
Habilite a coloração automática da saída da linha de comando do Git:
git config --global color.ui auto
Configura o Git para usar main como o nome do branch padrão sempre que você inicializar um novo repositório localmente:
git config --global init.defaultBranch main
Liste as configurações aplicadas:
git config --list --show-origin
GitLogOut
import {GitLogOut} from '@site/src/components/InstructionsSite';
{/_ Logout do seu ambiente dev, git e gh _/}
<GitLogOut />
Para o git "esquecer" suas informações salvas:
git credential-manager erase && cmdkey /list | findstr "github" && gh auth logout
GitCommit
import {GitCommit} from '@site/src/components/InstructionsSite';
{/_ Git Commit _/}
<GitCommit />
Como fazer commit da atualizações
Verifique o status do repositório:
git status
Adicione os arquivos modificados:
git add .
Realize o commit das alterações:
git commit -m "Descrição breve das alterações realizadas!"
Envie para o repositório remoto (GitHub):
git push
Vizualize o log de alterações:
git log
Vizualize no GitHub:
gh repo view --web
DevTools
import {DevTools} from '@site/src/components/InstructionsSite';
{/_ List of Dev Tools _/}
<DevTools />
- Git SCM
- GitHub CLI
- VS Code
- Wokwi
- PlatformIO
- Drivers
- Docker
O Git é a ferramenta de gerenciamento de código-fonte mais utilizada por desenvolvedores profissionais.
- O Git é um sistema de controle de versão distribuído gratuito e de código aberto, projetado para lidar com tudo, desde projetos pequenos até muito grandes, com rapidez e eficiência.
winget install --id Git.Git -e --source winget
Configurações do git:
git config --list --show-origin
O GitHub CLI traz o GitHub para o seu terminal.
- O GitHub CLI é uma ferramenta de linha de comando que permite interagir com o GitHub diretamente pelo terminal. Está disponível para Windows, macOS e Linux.
winget install --id GitHub.cli -e --source winget
Status de login do GitHub CLI:
gh auth status
Visual Studio Code: IDE e Editor de Código para Desenvolvimento de Software.
- O VS Code é um editor de código-fonte gratuito criado pela Microsoft para Windows, Linux e macOS. Inclui suporte para depuração, controle Git integrado, realce de sintaxe, conclusão inteligente de código, snippets e refatoração de código.
winget install --id Microsoft.VisualStudioCode -e --source winget
Extensões instaladas do Visual Studio Code para o perfil ESP32IO:
code --list-extensions --profile "ESP32IO"
Inicie o projeto no PlatformIO:
pio project init -b esp32dev -O "framework=arduino" -O "monitor_speed=115200" --sample-code
Wokwi para VSCode: Simulador de sistemas embarcados e IoT com suporte para ESP32, Arduino e Raspberry Pi Pico.
- Wokwi para VSCode Seu código nunca sai do seu computador - o Wokwi executa a simulação dentro do VS Code, utilizando os binários de firmware do seu projeto.
code --install-extension wokwi.wokwi-vscode --profile "ESP32IO"
PlatformIO IDE para VSCode: Sua porta de entrada para a excelência no desenvolvimento de software embarcado.
- PlatformIO IDE para VSCode Desbloqueie o verdadeiro potencial do desenvolvimento de software embarcado com o ecossistema colaborativo do PlatformIO, adotando princípios declarativos, metodologias orientadas a testes e toolchains modernas para um sucesso incomparável.code --install-extension platformio.platformio-ide --profile "ESP32IO"
Instale a plataforma espressif32:
pio platform install espressif32Você precisa editar a variável de ambiente do sistema chamada Path e adicionar o caminho %USERPROFILE%\.platformio\penv\Scripts\ no início da lista.
Inicie o projeto no PlatformIO:
pio project init -b esp32dev -O "framework=arduino" -O "monitor_speed=115200" --sample-code
- Conecte o ESP32 ao computador via USB.
- Abra o Gerenciador de Dispositivos (clique com o botão direito no Menu Iniciar → Gerenciador de Dispositivos).
- Expanda a seção Portas (COM e LPT).
- Procure por um dispositivo similar a:
- Silicon Labs CP210x USB to UART Bridge (COMx)
- Driver Windows CH340/CH341 USB para porta serial
- FTDI ou “Dispositivo Serial USB (COMx)”
Anote o número da porta (ex: COM4, COM6, COM12). Se não aparecer nenhuma porta nova, o driver não está instalado. Baixe o driver correspondente (CP210x ou CH340) no site do fabricante da placa.
pip install esptool
esptool chip-id
Docker Desktop & WSL 2: O Docker Desktop no Windows 11 utiliza a arquitetura do WSL 2 para executar containers Linux nativamente com alta performance.
Habilitação e Atualização do WSL 2:
wsl --installwsl --update && wsl --set-default-version 2Instalação do Docker Desktop via Winget:
winget install --id Docker.DockerDesktop -eConfirme no terminal integrado do VS Code:
wsl --version && docker --version && docker compose versionTeste rápido com a imagem oficial do Nginx:
docker run --rm -d -p 8080:80 --name teste-nginx nginxAcesse no navegador:http://localhost:8080
Pare o container:
docker stop teste-nginx
LabFromTemplate
import LabFromTemplate from "@site/src/components/LabFromTemplate";
LAB00
{/_ Criar repositório no GitHub com base no template do laboratório _/}
<LabFromTemplate labNumber="LAB00" />
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- X
- Grupo S22-A: https://github.com/ELT73A-S22-2026-2-A
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-A/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-A/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-B: https://github.com/ELT73A-S22-2026-2-B
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-B/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-B/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-C: https://github.com/ELT73A-S22-2026-2-C
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-C/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-C/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-D: https://github.com/ELT73A-S22-2026-2-D
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-D/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-D/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-E: https://github.com/ELT73A-S22-2026-2-E
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-E/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-E/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-F: https://github.com/ELT73A-S22-2026-2-F
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-F/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-F/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-G: https://github.com/ELT73A-S22-2026-2-G
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-G/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-G/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-H: https://github.com/ELT73A-S22-2026-2-H
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-H/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-H/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-I: https://github.com/ELT73A-S22-2026-2-I
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-I/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-I/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-J: https://github.com/ELT73A-S22-2026-2-J
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-J/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-J/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-K: https://github.com/ELT73A-S22-2026-2-K
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-K/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-K/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-L: https://github.com/ELT73A-S22-2026-2-L
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-L/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-L/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"
- Grupo S22-X: https://github.com/ELT73A-S22-2026-2-X
- LAB Template: https://github.com/ELT73A-LAB-TPL/LAB00
Use o comando abaixo para criar o repositório no GitHub com base no template do laboratório LAB00:
gh repo create ELT73A-S22-2026-2-X/LAB00 --private -p ELT73A-LAB-TPL/LAB00
Visualize o repositório:
gh repo view ELT73A-S22-2026-2-X/LAB00 --web
Abra o repositório clonado no VS Code:
code LAB00 --profile "STM32"