📘 Bem-vindo ao Terminal
O terminal é uma ferramenta que permite conversar com o computador por meio de comandos. Em vez de utilizar somente janelas, botões e menus, podemos escrever instruções para executar tarefas diretamente no sistema operacional. Durante o curso de Desenvolvimento de Sistemas, você encontrará o terminal em diversas situações: instalação de ferramentas, utilização do Git, execução de projetos, instalação de pacotes, criação de pastas, execução de servidores e publicação de sistemas.
O mais importante é entender:
- Onde você está.
- Como entrar em uma pasta.
- Como voltar.
- Como criar arquivos e pastas.
- Como executar comandos.
- Como interpretar mensagens de erro.
- Como utilizar o terminal com segurança.
01. O que é um Terminal?
📌 Definição
💻 Interface gráfica x Terminal
Normalmente utilizamos o Windows através de janelas, menus, ícones e botões. Essa é uma interface gráfica.
No terminal, muitas tarefas são realizadas digitando comandos.
Interface gráfica
↓
Cliques, janelas e menus
Terminal
↓
Comandos digitados
Pelo terminal, podemos utilizar um comando para entrar nessa pasta.
cd Documentos
02. O que é o CMD?
▶️ Como abrir o CMD no Windows 11?
- Pressione a tecla Windows.
- Digite cmd.
- Clique em Prompt de Comando.
⌨️ Forma rápida
Windows + R
Digite:
cmd
Depois pressione:
Enter
03. O que é o PowerShell?
Ele permite executar comandos, administrar o Windows, trabalhar com arquivos, processos, serviços e automatizar tarefas.
▶️ Como abrir?
- Pressione Windows.
- Digite PowerShell.
- Abra o Windows PowerShell ou PowerShell.
⌨️ Pelo Executar
Windows + R
Digite:
powershell
Pressione:
Enter
04. O que é o Windows Terminal?
Por exemplo, você pode ter uma aba para CMD e outra para PowerShell.
Windows Terminal
│
├── PowerShell
│
├── Prompt de Comando
│
└── Outros ambientes
Isso evita a necessidade de abrir várias janelas separadas.
05. Terminal Integrado do VS Code
⌨️ Atalho
Ctrl + `
A tecla ` normalmente fica próxima da tecla 1, dependendo do teclado.
📝 Outra forma
- Abra o VS Code.
- Abra o menu Terminal.
- Escolha Novo Terminal.
meu-site/
│
├── index.html
├── css/
└── js/
O terminal integrado permite executar comandos diretamente dentro
dessa pasta do projeto.
06. Descobrindo Onde Você Está
PowerShell
pwd
CMD
cd
Por exemplo:
C:\Users\Aluno\Documents\projeto
Isso significa que os comandos relacionados a arquivos e pastas serão
executados considerando essa localização.
07. Listando Arquivos e Pastas
CMD
dir
PowerShell
dir
Também pode utilizar:
ls
projeto/
│
├── index.html
├── style.css
├── script.js
└── imagens/
O comando de listagem mostrará os arquivos e diretórios disponíveis.
08. Entrando em uma Pasta com CD
💻 Exemplo
cd Documentos
Esse comando tenta entrar na pasta chamada Documentos.
📁 Entrando em uma pasta de projeto
cd meu-projeto
📂 Entrando em uma pasta dentro de outra
cd projetos\site
09. Voltando para a Pasta Anterior
cd ..
C:\Projetos\Site\css
Execute:
cd ..
Você voltará para:
C:\Projetos\Site
10. Entendendo a Raiz do Windows
Por exemplo:
C:\
A unidade C: é frequentemente utilizada para armazenar o sistema operacional e arquivos do computador.
💻 Exemplo
cd C:\
11. Criando uma Pasta
💻 Exemplo
mkdir projeto
Será criada uma pasta chamada projeto.
📁 Criando várias pastas
mkdir css
mkdir js
mkdir imagens
projeto/
│
├── css/
├── js/
└── imagens/
12. Criando Arquivos pelo PowerShell
💻 Criar um arquivo HTML
New-Item index.html
💻 Criar um arquivo CSS
New-Item style.css
💻 Criar um arquivo JavaScript
New-Item script.js
13. Criando Arquivos pelo CMD
💻 Exemplo
echo <h1>Olá mundo</h1> > index.html
Esse comando cria um arquivo chamado index.html contendo o texto informado.
14. Copiando Arquivos
💻 Exemplo
copy index.html backup.html
O arquivo index.html será copiado para backup.html.
15. Movendo e Renomeando Arquivos
✏️ Renomeando
move antigo.html novo.html
📁 Movendo
move index.html paginas\
16. Excluindo Arquivos
del arquivo.txt
Antes de executar um comando, confirme o arquivo e a pasta em que você está trabalhando.
17. Excluindo Arquivos pelo PowerShell
💻 Exemplo
Remove-Item teste.txt
18. Limpando a Tela do Terminal
CMD
cls
PowerShell
Clear-Host
Também é possível utilizar:
cls
19. Fechando o Terminal
exit
20. Entendendo Caminhos de Arquivos
📍 Caminho absoluto
C:\Users\Aluno\Documents\projeto\index.html
Esse caminho informa a localização completa do arquivo.
📍 Caminho relativo
index.html
O caminho relativo depende da pasta em que você está trabalhando.
projeto/
│
├── index.html
│
├── css/
│ └── style.css
│
└── js/
└── script.js
Dentro do HTML, o CSS pode ser referenciado como:
css/style.css
21. Usando a Tecla TAB
💻 Exemplo
Imagine que exista uma pasta chamada:
meu-primeiro-projeto
Em vez de digitar tudo, você pode começar:
cd meu
e pressionar Tab para tentar completar o nome.
22. Recuperando Comandos Anteriores
⬆️ Seta para cima
↑
Pressionar a seta para cima permite recuperar comandos anteriores.
⬇️ Seta para baixo
↓
Permite navegar pelos comandos mais recentes.
23. Consultando Informações da Rede
ipconfig
Entre as informações apresentadas podem estar endereços relacionados à configuração de rede.
🔎 Informações detalhadas
ipconfig /all
24. Testando uma Conexão com PING
💻 Exemplo
ping google.com
O computador tentará enviar solicitações ao endereço informado e exibirá informações sobre as respostas recebidas.
25. Descobrindo Onde um Programa Está Instalado
💻 Exemplo com Git
where git
💻 Exemplo com Node.js
where node
26. Verificando a Versão de uma Ferramenta
Git
git --version
Node.js
node --version
npm
npm --version
27. Utilizando Git pelo Terminal
🔎 Verificar instalação
git --version
📁 Criar um repositório
git init
🔎 Verificar alterações
git status
📦 Preparar alterações
git add .
💾 Criar commit
git commit -m "Primeiro commit"
28. Executando JavaScript com Node.js
🔎 Verificar instalação
node --version
▶️ Executar um arquivo
Se existir um arquivo:
script.js
Podemos executar:
node script.js
script.js
Conteúdo:
console.log("Olá, mundo!");
Terminal:
node script.js
29. O que é NPM?
🔎 Verificar instalação
npm --version
📦 Instalar um pacote
npm install nome-do-pacote
Em projetos modernos, o NPM é muito utilizado para instalar dependências e ferramentas.
30. Executando Projetos Web
Por exemplo, uma extensão como Live Server pode abrir um projeto web através de um endereço local.
http://127.0.0.1:5500/
ou:
http://localhost:5500/
Quando você acessa um endereço localhost, normalmente está acessando um serviço que está sendo executado na sua própria máquina.
31. O que é PATH?
git --version
o Windows precisa encontrar o programa Git.
O PATH ajuda o sistema a localizar programas que podem ser chamados diretamente pelo terminal.
32. Quando o Terminal Apresenta um Erro
❌ Exemplo
'node' não é reconhecido como um comando interno ou externo
🔎 O que verificar?
- O programa está instalado?
- O terminal foi aberto novamente depois da instalação?
- O comando foi digitado corretamente?
- O programa está disponível no PATH?
- Você está utilizando o terminal correto?
Leia o erro, identifique a palavra principal e pesquise ou investigue a causa.
33. Permissões e Administrador
Quando necessário, é possível abrir determinados aplicativos usando a opção:
Executar como administrador
Um programa executado como administrador possui permissões maiores para realizar alterações no sistema.
34. Comandos que Você Deve Conhecer
| Comando | Utilização | Exemplo |
|---|---|---|
| cd | Mudar de pasta | cd projeto |
| cd .. | Voltar uma pasta | cd .. |
| dir | Listar arquivos | dir |
| mkdir | Criar pasta | mkdir projeto |
| cls | Limpar tela | cls |
| exit | Sair | exit |
| ipconfig | Consultar rede | ipconfig |
| ping | Testar comunicação | ping google.com |
| where | Localizar executável | where git |
| git --version | Verificar Git | git --version |
| node --version | Verificar Node.js | node --version |
| npm --version | Verificar NPM | npm --version |
35. CMD x PowerShell x Terminal
| Ferramenta | O que é? | Principal característica |
|---|---|---|
| CMD | Prompt de comando tradicional | Compatibilidade com comandos clássicos do Windows |
| PowerShell | Ambiente avançado de comandos | Automação e administração |
| Windows Terminal | Aplicativo para terminais | Permite utilizar diferentes ambientes em abas |
| Terminal do VS Code | Terminal integrado ao editor | Executar comandos dentro do projeto |
Durante o curso, poderá encontrar CMD, PowerShell, Windows Terminal e o terminal integrado do VS Code.
O importante é entender o conceito de terminal e aprender os comandos necessários para cada situação.
36. Criando uma Estrutura de Projeto pelo Terminal
📁 Criar a pasta principal
mkdir meu-site
📂 Entrar na pasta
cd meu-site
📁 Criar pastas
mkdir css
mkdir js
mkdir imagens
📄 Criar arquivos pelo PowerShell
New-Item index.html
New-Item css\style.css
New-Item js\script.js
🎯 Resultado
meu-site/
│
├── index.html
│
├── css/
│ └── style.css
│
├── js/
│ └── script.js
│
└── imagens/
37. Abrindo um Projeto no VS Code pelo Terminal
💻 Exemplo
code .
Portanto:
code .
significa abrir a pasta atual no VS Code.
38. Segurança ao Utilizar o Terminal
⚠️ Antes de executar um comando:
- Leia o comando.
- Confira a pasta atual.
- Confira os nomes dos arquivos.
- Entenda o que o comando fará.
- Evite copiar comandos desconhecidos.
- Não execute comandos administrativos sem necessidade.
Principalmente comandos que envolvam exclusão, permissões, administração do sistema ou execução de arquivos baixados.
39. Atalhos Úteis no Terminal
| Tecla / Atalho | Utilização |
|---|---|
| ↑ | Recuperar comando anterior |
| ↓ | Navegar pelos comandos recentes |
| Tab | Completar nomes de arquivos e pastas |
| Ctrl + C | Interromper uma operação em execução |
| Ctrl + L | Limpar a visualização em alguns terminais |
| Ctrl + Shift + ` | Abrir um novo terminal no VS Code |
Isso é diferente de utilizar Ctrl + C para copiar texto em muitos contextos gráficos.
40. 🧪 Atividade Prática
📋 Etapa 1 — Criar a pasta
mkdir aula-terminal
📋 Etapa 2 — Entrar na pasta
cd aula-terminal
📋 Etapa 3 — Criar subpastas
mkdir css
mkdir js
mkdir imagens
📋 Etapa 4 — Criar arquivos
New-Item index.html
New-Item css\style.css
New-Item js\script.js
📋 Etapa 5 — Conferir
dir
📋 Etapa 6 — Entrar no CSS
cd css
📋 Etapa 7 — Conferir novamente
dir
📋 Etapa 8 — Voltar
cd ..
📋 Etapa 9 — Abrir no VS Code
code .
aula-terminal/
│
├── index.html
│
├── css/
│ └── style.css
│
├── js/
│ └── script.js
│
└── imagens/
41. 🧠 Exercícios de Fixação
Exercício 01
Crie uma pasta chamada:
projeto-web
Exercício 02
Entre na pasta utilizando:
cd
Exercício 03
Crie as pastas:
html
css
js
imagens
Exercício 04
Liste o conteúdo utilizando:
dir
Exercício 05
Entre na pasta css.
Exercício 06
Volte para a pasta principal utilizando:
cd ..
Exercício 07
Verifique se o Git está instalado.
git --version
Exercício 08
Verifique se o Node.js está instalado.
node --version
Exercício 09
Descubra onde o Git está localizado.
where git
42. 🏆 Desafio Final — Mestre do Terminal
🎯 Missão
- Abra o PowerShell ou o terminal do VS Code.
- Descubra sua localização atual.
- Crie uma pasta chamada meu-projeto-web.
- Entre na pasta.
- Crie as pastas css, js e imagens.
- Crie o arquivo index.html.
- Crie o arquivo style.css dentro da pasta css.
- Crie o arquivo script.js dentro da pasta js.
- Liste os arquivos e pastas.
- Entre na pasta css.
- Volte para a pasta principal.
- Abra o projeto no VS Code.
- Confira se todos os arquivos estão presentes.
- Salve todos os arquivos.
🎯 Estrutura final
meu-projeto-web/
│
├── index.html
│
├── css/
│ └── style.css
│
├── js/
│ └── script.js
│
└── imagens/
1. Qual é a pasta atual?
2. Como listar os arquivos?
3. Como entrar em uma pasta?
4. Como voltar uma pasta?
5. Como criar uma pasta?
6. Como verificar a versão do Git?
7. Como verificar a versão do Node.js?
8. Como abrir a pasta atual no VS Code?
43. ✅ Checklist — Eu Aprendi?
44. 📚 Resumo dos Principais Comandos
cd pasta
→ Entra em uma pasta
cd ..
→ Volta uma pasta
dir
→ Lista arquivos e pastas
mkdir nome
→ Cria uma pasta
cls
→ Limpa a tela
exit
→ Fecha o terminal
ipconfig
→ Mostra informações de rede
ping endereço
→ Testa comunicação
where programa
→ Localiza um executável
git --version
→ Verifica o Git
node --version
→ Verifica o Node.js
npm --version
→ Verifica o NPM
code .
→ Abre a pasta atual no VS Code
Com a prática, os comandos mais utilizados começarão a fazer parte naturalmente da sua rotina.
🎓 Conclusão
O terminal é uma das ferramentas mais importantes para quem trabalha com desenvolvimento de sistemas.
No início, pode parecer estranho trabalhar apenas digitando comandos. Porém, depois de praticar, você perceberá que muitas tarefas podem ser executadas de maneira rápida e organizada.
Durante sua formação, você utilizará o terminal para trabalhar com Git, GitHub, Node.js, NPM, servidores locais, bancos de dados, ferramentas de desenvolvimento e diversas outras tecnologias.
Você verá que comandos como:
git
npm
node
code
cd
mkdir
passarão a fazer parte da sua rotina como desenvolvedor.