Aula 03 - Ambiente de Desenvolvimento 💻

!!! tip "Objetivo" Objetivo: Customizar o ambiente de trabalho para máxima eficiência, conhecer a diferença entre Editores de Código e IDEs e dominar comandos básicos de terminal.

1. Editor vs IDE: Qual Escolher? 🧠

Embora pareçam iguais, ferramentas de escrita de código têm propósitos diferentes.

📄 Editores de Código (Ex: VS Code)

São leves, rápidos e "nascem" simples. Você os torna poderosos através de extensões. * Vantagens: Consome pouca memória, gratuito, ecossistema gigante. * Desvantagens: Exige configuração manual para algumas linguagens.

🏎️ IDEs - Ambientes Integrados (Ex: IntelliJ, PyCharm)

=== "Editores (Leveza)" Editores transferem a responsabilidade da configuração para o desenvolvedor. Eles carregam em milissegundos, consomem pouca RAM e são perfeitos para stacks modernas focadas em JavaScript/TypeScript.

=== "IDEs (Poder Nativo)" IDEs automatizam o onboarding. Ao criar um projeto Spring Boot (Java), a IDE já configura o classpath, baixa as dependências Maven, mapeia botões para o banco de dados e levanta as configurações de debug automaticamente. Seu custo é o alto consumo de recursos da máquina.

2. O Super Poder do VS Code 🚀

O Visual Studio Code é o editor mais popular do mundo. Para ele ser produtivo, você precisa do "kit básico" de extensões:

Portuguese (Brazil): Para traduzir a interface.
Material Icon Theme: Para ícones de arquivos mais bonitos.
Prettier: Para formatar seu código automaticamente.
Error Lens: Para ver erros de código diretamente na linha.

3. Dominando o Terminal (CLI) ⌨️

O terminal é onde a magia acontece. Ele permite automatizar tarefas que levariam minutos na interface visual.

Comandos Essenciais (Universal)

Comando	Ação
`ls` (ou `dir`)	Listar arquivos da pasta
`cd`	Entrar em uma pasta
`mkdir`	Criar uma nova pasta
`touch` (ou `echo >`)	Criar um novo arquivo
`rm` (ou `del`)	Excluir um arquivo

Exemplo Prático de Fluxo no Terminal

$ mkdir meu-projeto
$ cd meu-projeto
$ touch index.html
$ ls
index.html
$ code . 
# (Abre o projeto no VS Code)

4. Customização Profissional: ZSH e Oh My Zsh 🎨

Muitos desenvolvedores profissionais (especialmente em Mac e Linux) utilizam o ZSH com o Oh My Zsh. Ele adiciona temas e plugins que mostram em qual "branch" do Git você está, se há erros no comando anterior, entre outros.

Componentes do Setup (Mermaid)

graph TD
    Dev([Desenvolvedor]) --> OS([Sistema Operacional])
    OS --> Shell([Terminal/Shell])
    Shell --> ZSH([ZSH / Oh My Zsh])
    OS --> Editor([VS Code])
    Editor --> Ext([Extensões])

    subgraph "Ambiente Local"
    Shell
    Editor
    end

!!! tip "Dica: Windows" No Windows, você pode usar o Windows Terminal e configurar o Oh My Posh para ter uma experiência visual similar.

5. Mini-Projeto: Setup do Guerreiro(a) 🚀

Sua missão é deixar seu ambiente pronto para os próximos meses:

Instale o Visual Studio Code.
Instale as extensões citadas no capítulo 2.
Abra o terminal do seu sistema e execute o comando mkdir ads-ferramentas.
Entre na pasta e crie um arquivo chamado config.txt usando comandos de terminal.
Configure o tema do seu VS Code para um que você goste (Ex: Dracula, One Dark Pro).

6. Exercício de Fixação 📝

Básico: Explique uma diferença fundamental entre o VS Code e uma IDE da JetBrains.
Básico: Para que serve o comando cd .. no terminal?
Intermediário: Por que um desenvolvedor deveria preferir o terminal para criar uma estrutura de 10 pastas em vez de usar o explorador de arquivos?
Intermediário: Qual a função da extensão "Prettier" no VS Code?
Desafio: Pesquise o que é uma "Font with Ligatures" (como Fira Code) e qual o benefício visual que ela traz para o código.

Próxima Aula: Vamos mergulhar no Controle de Versão com Git: Fundamentos! 🛠️