Atividade 1 - Explore o VS Code

Instruções

Abra o Visual Studio Code e examine a página de boas-vindas

  1. Use o menu Iniciar do Windows para abrir o Visual Studio Code.

    Se você abrir o menu Iniciar do Windows, verá o Visual Studio Code listado como um aplicativo adicionado recentemente. Você também pode rolar para baixo para encontrar o Visual Studio Code.

    Outra opção é digitar Visual Studio Code na caixa de pesquisa do Windows na barra de tarefas na parte inferior da tela.

  2. Observe que o Visual Studio Code abre em uma página de “Boas-vindas” que inclui alguns links e outras informações.

    Na primeira vez que você abrir o Visual Studio Code, a página de Boas-vindas exibirá alguns tutoriais úteis, como o conteúdo “Introdução ao VS Code”. Você pode examinar essas informações com mais calma em outro momento.

  3. Para fechar a página de Boas-vindas, selecione o botão Fechar (mostrado como um X na interface).

    Cada página aberta no Editor inclui um botão Fechar (X) localizado à direita do título da página. A guia da página de Boas-vindas é exibida na parte superior esquerda da janela do Visual Studio Code, abaixo do Menu Principal. Se você passar o mouse sobre o X, aparecerá a palavra “Fechar”.

Examine a barra de atividades e a barra lateral

  1. Observe que a barra lateral à direita da barra de atividades está recolhida.

    Você deve se lembrar que a barra de atividades é a lista vertical de ícones à esquerda da janela do Visual Studio Code. O conteúdo da barra lateral depende do que está selecionado na barra de atividades.

  2. Posicione o ponteiro do mouse sobre a barra de atividades e passe o mouse sobre cada um dos ícones para exibir os rótulos.

    Um rótulo aparece ao passar o mouse sobre os ícones. Você deve ver os botões da barra de atividades mostrados na imagem a seguir:

Screenshot mostrando a barra de atividades do Visual Studio Code com ícones rotulados.

De cima para baixo, os ícones da barra de atividades são: Explorer, Search, Source Control, Run and Debug, Extensions, Accounts e Manage.

  1. Na barra de atividades, selecione Explorer.

    A barra lateral deve abrir e exibir informações contextuais.

  2. Observe que a barra lateral agora está rotulada como EXPLORER.

    A visualização EXPLORER é usada para acessar/explorar pastas de projetos e arquivos de código.

    O Visual Studio Code lembrará seu histórico de trabalho e abrirá os arquivos de projeto mais recentes ao iniciar. Como esta é a primeira vez que você abre o Visual Studio Code, nenhuma pasta de projeto está aberta.

  3. Na barra de atividades, selecione Extensions.

  4. Observe que a barra lateral agora está rotulada como EXTENSIONS.

  5. Reserve um momento para examinar as informações exibidas na visualização EXTENSIONS.

    As extensões do Visual Studio Code permitem adicionar linguagens de programação, depuradores e outras ferramentas ao ambiente para apoiar seu fluxo de trabalho de desenvolvimento. Você instalará uma extensão C# mais adiante neste workshop.

  6. Na barra de atividades, para fechar a barra lateral EXTENSIONS, selecione Extensions.

Examine as opções do menu superior

  1. Para ver as opções do menu Arquivo, selecione Arquivo.

  2. Observe as opções Novo, Abrir, Salvar e Fechar listadas no menu Arquivo.

  3. Reserve um minuto para examinar as opções do menu Editar e, em seguida, cada um dos outros itens do menu superior.

  4. Observe que vários dos menus incluem opções para interagir com seu código.

Por exemplo:

  1. No menu Terminal, selecione Novo Terminal.

  2. Reserve um momento para examinar o conteúdo do painel Terminal.

    Você pode alternar entre as abas (PROBLEMAS, SAÍDA, CONSOLE DE DEPURAÇÃO e TERMINAL) e passar o mouse sobre os botões (canto superior direito) para exibir os rótulos dos botões.

  3. Observe que o painel Terminal inclui um prompt de comando.

    O painel Terminal pode ser usado para executar comandos da interface de linha de comando (CLI).

  4. No canto superior direito do painel Terminal, selecione X (Fechar Painel).

  5. No menu Exibir, selecione Paleta de Comandos.

    A paleta de comandos pode ser usada para encontrar e executar vários comandos úteis. Você não tem tempo (nem necessidade) de examiná-los em detalhes agora, mas é bom saber onde encontrar a paleta de comandos.

  6. No prompt da paleta de comandos, digite extensions

    Observe que a lista de comandos é filtrada com base na sua entrada.

  7. Para atualizar a lista filtrada de comandos, altere extensions para help

  8. Na lista de opções de comando, selecione Help: Interactive Editor Playground.

    O documento Editor Playground que abre no Editor inclui uma lista de atividades interativas.

  9. Na lista de atividades interativas, selecione Formatting.

  10. Reserve um minuto para ler sobre as opções de formatação.

  11. Feche o documento Editor Playground.