Exercício - Explore a interface do usuário do Visual Studio Code
O Visual Studio Code fornece ferramentas para desenvolvedores que estão apenas começando, mas também é extensível e avançado o suficiente para desenvolvedores profissionais.
Neste exercício, você abre o Visual Studio Code e conclui um tour rápido da interface do usuário.
Abra o Visual Studio Code e examine a página de boas-vindas
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 localizar o Visual Studio Code.
Outra opção é digitar Visual Studio Code na caixa Windows Search na bandeja de inicialização na parte inferior da tela.
Observe que o Visual Studio Code abre para uma página "Bem-vindo" que inclui alguns links e outras informações.
Na primeira vez que você abre o Visual Studio Code, a página Bem-vindo exibe algumas instruções passo a passo úteis, como o conteúdo Introdução ao VS Code . Você pode examinar essas informações em seu lazer em outro momento.
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 Página de boas-vindas é mostrada na parte superior esquerda da janela Código do Visual Studio, abaixo do Menu Principal. Se você passar o ponteiro do mouse sobre o X, a palavra Fechar será exibida.
Examine a barra de atividades e a barra lateral
Repare que a barra lateral à direita da barra de atividade está recolhida.
Você pode se lembrar que a barra de atividade é a lista vertical de ícones na extremidade esquerda da janela de código do Visual Studio. O conteúdo da barra lateral depende do que está atualmente selecionado na barra de atividades.
Posicione o ponteiro do mouse sobre a barra de atividades e, em seguida, passe o ponteiro do mouse sobre cada um dos ícones para exibir rótulos.
Um rótulo aparece quando você passa o mouse sobre os ícones. Você deve ver os botões da barra de atividades mostrados na imagem a seguir:
De cima para baixo, os ícones da barra de atividades são: Explorer, Pesquisar, Controle do código-fonte, Executar e depurar, Extensões, Contas e Gerenciar.
Na barra de atividades, selecione Explorer.
A barra lateral deve abrir e exibir informações contextuais.
Observe que a barra lateral agora está rotulada como EXPLORER.
A visualização EXPLORER é usada para acessar/explorar pastas de projeto e arquivos de código.
O Visual Studio Code lembrará seu histórico de trabalho e abrirá os arquivos de projeto mais recentes quando for aberto. Como esta é a primeira vez que você abre o Visual Studio Code, nenhuma pasta de projeto é aberta.
Na barra de atividades, selecione Extensões.
Observe que a barra lateral agora está rotulada como EXTENSIONS.
Reserve um momento para examinar as informações exibidas na visualização EXTENSIONS .
As extensões de código do Visual Studio permitem que você adicione linguagens de codificação, depuradores e outras ferramentas ao ambiente para dar suporte ao seu fluxo de trabalho de desenvolvimento. Você instalará uma extensão C# posteriormente neste módulo.
Na barra Atividade, para fechar a barra lateral EXTENSÕES , selecione Extensões.
Examine as opções do menu superior
Para visualizar as opções do menu Arquivo, selecione Arquivo.
Observe as opções Novo, Abrir, Salvar e Fechar listadas no menu Arquivo .
Reserve um minuto para examinar as opções do menu Editar e, em seguida, cada um dos outros itens de menu de nível superior.
Observe que vários dos menus incluem opções para interagir com seu código.
Por exemplo:
- O menu Editar inclui opções para localizar, substituir e alternar comentários de código, bem como as opções padrão de cortar, copiar, colar, desfazer e refazer.
- O menu Seleção inclui opções para selecionar e manipular linhas de código.
- O menu Executar inclui opções para executar e depurar seu aplicativo.
No menu Terminal , selecione Novo Terminal.
Reserve um momento para examinar o conteúdo do painel Terminal.
Você pode alternar entre as guias (PROBLEMS, OUTPUT, DEBUG CONSOLE e TERMINAL) e passar o ponteiro do mouse sobre os botões (canto superior direito) para exibir os rótulos dos botões.
Observe que o painel Terminal inclui um prompt de comando.
O painel Terminal pode ser usado para executar comandos de interface de linha de comando (CLI). Você usará comandos da CLI do .NET posteriormente neste módulo.
No canto superior direito do painel Terminal, selecione X (Fechar painel).
No menu Ver, selecione Paleta de Comandos
A paleta de comandos pode ser usada para localizar e executar todos os tipos de comandos úteis. Você não tem tempo (ou necessidade) para examiná-los em detalhes agora, mas é bom saber onde encontrar a paleta de comandos.
No prompt da paleta de comandos, digite extensões
Observe que a lista de comandos é filtrada com base na sua entrada.
Para atualizar a lista filtrada de comandos, altere as extensões para ajudar
Na lista de opções de comando, selecione Ajuda: Interactive Editor Playground.
O documento do Editor Playground que é aberto no Editor inclui uma lista de atividades interativas.
Na lista com marcadores de atividades interativas, selecione Formatação.
Reserve um minuto para ler sobre as opções de formatação.
Você usará comandos de formatação de código durante as atividades enquanto aprende mais sobre programação em C#.
Feche o documento do Editor Playground.
Isso conclui seu tour da interface do usuário do Visual Studio Code. Depois de começar a codificar, os materiais de treinamento continuam a apontar maneiras pelas quais o Visual Studio Code pode ajudar a aumentar sua produtividade.