Analisar a interface do usuário do Visual Studio Code
Em sua essência, o Visual Studio Code é um editor de código, com uma interface do usuário e um layout semelhantes a muitos outros editores de código. À esquerda da interface há uma barra lateral que será usada para acessar os arquivos e pastas no projeto de código. À direita há uma área do editor que exibe o conteúdo dos arquivos do aplicativo.
Examinar as principais áreas da interface do usuário
O diagrama a seguir mostra as seis principais seções incluídas na interface do usuário do Visual Studio Code.
A – A barra de atividades é a barra vertical estreita localizada no canto esquerdo da janela. Ela permite alternar entre as exibições (como “Gerenciador” ou “Extensões”) e fornece outros indicadores específicos do contexto.
B – A barra lateral contém exibições que fornecem ferramentas e recursos. As exibições da barra lateral (como o “GERENCIADOR”) são muito úteis ao trabalhar em um projeto de código.
C – O Editor é a área usada para editar arquivos. É possível abrir quantos editores você desejar lado a lado, verticalmente e horizontalmente.
D – A área Painel é usada para exibir painéis diferentes abaixo da região do editor, oferecendo informações de saída ou depuração, erros e avisos ou um terminal integrado.
E – A barra de status é a barra horizontal ao longo da parte inferior da janela que exibe informações sobre o projeto aberto e os arquivos editados.
F – O menu principal é a interface de menu na parte superior da janela do aplicativo. As opções do menu permitem salvar, editar e executar o código (além de outras opções).
Depois de adquirir maior familiaridade com o Visual Studio Code, você trabalhará nas áreas de tela descritas. No entanto, para começar, as áreas mais importantes são a barra de atividades, a barra lateral e o Editor. Na barra de atividades, você seleciona a atividade que deseja executar. A barra lateral exibe ferramentas e opções e o Editor exibe as informações editadas, geralmente no código.