Ferramentas · Material de apoio

Visual Studio Code

O editor que usamos em aula. Aqui estão os atalhos que mais economizam tempo, as extensões que deixamos instaladas e o passo a passo completo de instalação no Windows.

Editor Microsoft Plataformas Windows · Linux · macOS Download gratuito

Baixar o VS Code →

Principais atalhos do VS Code

CTRL + C

Copia (a seleção ou a linha inteira)

CTRL + X

Recorta

CTRL + V

Cola

CTRL + Z

Desfaz

CTRL + SHIFT + Z

Refaz

ALT + SETA

Move a linha para cima ou para baixo

SHIFT + ALT + SETA

Duplica a linha atual

CTRL + D

Seleciona a palavra atual e a próxima igual

CTRL + ;

Comenta o conteúdo selecionado

CTRL + F

Pesquisa o caractere ou palavra informado

ALT + Z

Quebra a linha

CTRL + J

Abre e fecha o terminal

Extensões utilizadas

Extensão

Portuguese (Brazil) Language Pack

Deixa a interface do VS Code em português.

Extensão

Live Server

Cria um pequeno servidor para visualização em tempo real das modificações do arquivo.

Extensão

Live Preview

Cria um servidor dentro do VS Code para visualizar a página.

Extensão

Code Runner

Roda linguagens de programação dentro do VS Code.

Extensão

Prettier

Indenta o código, organizando com base nas boas práticas.

Extensão

Reload

Cria um botão para realizar o reload no VS Code.

Extensão

Material Icon Theme

Altera os ícones das pastas e arquivos.

Extensão

Python

Permite trabalhar com a linguagem Python no VS Code.

Extensão

Django

Permite trabalhar com o framework Django no VS Code.

Instalação do VS Code

No curso usaremos o Visual Studio Code, editor de código da Microsoft para Windows, Linux e macOS. Para acompanhar as aulas com as mesmas configurações, reserve um tempinho e siga os passos abaixo.

Procure no Google por Visual Studio Code e clique no primeiro link, ou acesse direto code.visualstudio.com.

Se o seu sistema for Windows, clique em Download for Windows. Para Linux ou macOS, clique logo abaixo em other platforms.

Baixado o instalador (ele vai para a pasta Downloads), clique nele com o botão direito e escolha Executar como administrador.

Aceite as permissões do Windows e, na primeira tela do instalador, aceite o acordo de licença para prosseguir.

Escolha o local de destino da instalação. Pode deixar como está e clicar em Próximo — só confira se há espaço livre suficiente no disco.

Decida se o Windows criará uma pasta no Menu Iniciar. Você pode renomeá-la ou seguir com o padrão.

Na tela de tarefas adicionais, recomendamos marcar todas as opções para aproveitar todas as funcionalidades da ferramenta.

Clique em Instalar e acompanhe a barra de progresso da extração dos arquivos.

Na última tela, marque Iniciar o Visual Studio Code e clique em Concluir. Pronto: o VS Code já pode ser usado.