Agora que conhecemos os principais elementos da interface, é o momento de começar a interagir com o Visual Studio Code.
Nesta seção, exploraremos as ações mais básicas realizadas no editor. O objetivo não é aprender recursos avançados, mas desenvolver familiaridade com o ambiente e compreender como manipular arquivos dentro de um projeto.
Caso o editor ainda não esteja instalado em sua máquina, consulte a seção Visual Studio Code, onde apresentamos o processo de instalação.
A seguir, veremos um passo a passo que demonstra as interações fundamentais do VS Code.
Passo a passo
1
1. Abrir o VS Code
VS Code aberto
2
2. Fechar a aba de “Bem-vindo”
Ao abrir o VS Code, ele pode mostrar a aba Bem-vindo. Ela serve como um atalho para ações comuns, como abrir uma pasta, criar um arquivo, instalar extensões e ver atalhos. Como neste capítulo vamos trabalhar direto com o projeto, você pode fechá-la sem medo.
Clique no X da aba.
Fechando a aba “Bem-vindo”
O editor fica assim:
Editor sem a aba de boas-vindas
Se você quiser abrir essa aba novamente, use a Paleta de Comandos (Ctrl + Shift + P / Command + Shift + P) e procure por Welcome.
3
3. Abrir o Explorer (barra lateral)
Clique no ícone de arquivos/documentos (Explorer).
Abrindo o Explorer
Você verá a barra lateral:
Explorer aberto
4
4. Clicar em “Abrir Pasta...”
Clique em Abrir Pasta.
Botão “Abrir Pasta”
Uma pasta aberta no VS Code é o seu “projeto”.
5
5. Criar a pasta meu-projeto
Na janela de seleção, clique em Nova pasta.
Criando nova pasta
Digite meu-projeto e clique em Criar.
Nomeando a pasta do projeto
6
6. Selecionar a pasta e clicar em “Abrir”
Selecione meu-projeto e clique em Abrir.
Abrindo a pasta do projeto
O Explorer passa a mostrar o projeto:
Pasta aberta como projeto
7
7. Criar um novo arquivo
No Explorer, clique com o botão direito e escolha Novo arquivo....
Criando um novo arquivo
8
8. Dar um nome para o arquivo
Digite o nome, neste caso meu-arquivo.txt, e pressione Enter.
Nomeando o arquivo
Depois de criado, ele aparece no Explorer:
Arquivo criado
9
9. Escrever e salvar
Clique no arquivo, escreva qualquer texto e salve.
Editando o arquivo
A bolinha ao lado do nome do arquivo indica que ainda não está salvo:
Arquivo com alterações não salvas
Para salvar:
Menu Arquivo → Salvar
Windows/Linux: Ctrl + S
macOS: Command + S
Quando salva, a bolinha para a ser um X:
Arquivo salvo
10
10. Renomear
Clique com o botão direito e selecione Renomear.
Renomear pelo menu
Digite o novo nome, neste caso meu-arquivo-novo.txt, e pressione Enter.
Digitando o novo nome
Resultado:
Arquivo renomeado
11
11. Excluir
Clique com o botão direito e selecione Excluir.
Excluindo um arquivo
Resultado:
Arquivo removido do projeto
Em alguns sistemas, excluir pode ir para a lixeira. Em outros, pode remover direto.
Você agora domina as interações fundamentais necessárias para trabalhar com um projeto no Visual Studio Code. Ao longo desta seção, foi possível abrir uma pasta, criar arquivos, editar conteúdos, salvar alterações, além de renomear e excluir elementos.
Com isso, concluímos o conjunto de ações necessárias para compreender a primeira etapa do processo de salvar no Git: a manipulação de arquivos.
Na próxima seção, avançaremos para o passo seguinte, explorando como as mudanças realizadas nos arquivos são selecionadas e preparadas na Staging Area.
