Nota
O acesso a esta página requer autorização. Pode tentar iniciar sessão ou alterar os diretórios.
O acesso a esta página requer autorização. Pode tentar alterar os diretórios.
Nesta introdução de 5 a 10 minutos ao ambiente de desenvolvimento integrado (IDE) do Visual Studio, fazemos um tour por algumas das janelas, menus e outros recursos da interface do usuário.
Se você não instalou o Visual Studio, vá para a página de downloads do Visual Studio para instalá-lo gratuitamente.
Janela de início
A primeira coisa que você vê depois de iniciar o Visual Studio é a janela Iniciar. A janela inicial foi projetada para ajudá-lo a "chegar ao código" mais rapidamente. Existem opções para fechar ou extrair código, abrir um projeto ou solução existente, criar um novo projeto, ou simplesmente abrir uma pasta que contém alguns ficheiros de código. Se a janela de início não estiver aberta, escolha Ficheiro > Janela de Início para a abrir.
Se esta for a primeira vez que você estiver usando o Visual Studio, sua lista de projetos recentes estará vazia.
Se você trabalha com bases de código não baseadas em MSBuild, use a opção Abrir uma pasta local para abrir seu código no Visual Studio. Para obter mais informações, consulte Desenvolver código no Visual Studio sem projetos ou soluções. Caso contrário, você pode criar um novo projeto ou clonar um projeto de um provedor de origem, como o GitHub ou o Azure DevOps.
A opção Continuar sem código simplesmente abre o ambiente de desenvolvimento do Visual Studio sem nenhum projeto específico ou código carregado. Você pode escolher esta opção para participar numa sessão do Live Share ou anexar a uma tarefa de depuração. Você também pode pressionar Esc para fechar a janela inicial e abrir o IDE.
Criar um projeto
Para continuar explorando os recursos do Visual Studio, vamos criar um novo projeto.
Na janela Iniciar, selecione Criar um novo projeto e, na caixa de pesquisa, digite javascript ou typescript para filtrar a lista de tipos de projeto para aqueles que contêm "javascript" ou "typescript" em seu nome ou tipo de idioma.
Visual Studio fornece vários tipos de modelos de projeto que ajudam você a começar a codificar rapidamente.
- Escolha um modelo de projeto de Aplicativo JavaScript Express e clique em Avançar.
- Escolha um modelo de projeto Aplicativo Web Node.js em Branco e clique em Avançar.
Na caixa de diálogo Configurar seu novo projeto exibida, aceite o nome padrão do projeto e escolha Criar.
O projeto foi criado! No painel direito, selecione app.js para abrir o arquivo na janela Editor . O Editor mostra o conteúdo dos arquivos e é onde você faz a maior parte do seu trabalho de codificação no Visual Studio.
O projeto é criado e um arquivo chamado server.js é aberto na janela do Editor . O Editor mostra o conteúdo dos arquivos e é onde você faz a maior parte do seu trabalho de codificação no Visual Studio.
Explorador de Soluções
O Gerenciador de Soluções, que normalmente está no lado direito do Visual Studio, mostra uma representação gráfica da hierarquia de arquivos e pastas em seu projeto, solução ou pasta de código. Você pode navegar na hierarquia e navegar até um arquivo no Gerenciador de Soluções.
Ementas
A barra de menus na parte superior do Visual Studio agrupa comandos em categorias. Por exemplo, o menu Projeto contém comandos relacionados ao projeto em que você está trabalhando. No menu Ferramentas , você pode personalizar como o Visual Studio se comporta selecionando Opções ou adicionar recursos à sua instalação selecionando Obter Ferramentas e Recursos.
Vamos abrir a janela Lista de Erros escolhendo o menu Exibir e, em seguida, Lista de Erros.
Lista de Erros
A Lista de Erros mostra erros, avisos e mensagens sobre o estado atual do seu código. Se houver erros (como uma chave ou ponto-e-vírgula ausentes) em seu arquivo ou em qualquer lugar do projeto, eles serão listados aqui.
Janela de saída
A janela Saída mostra as mensagens de saída da compilação do projeto e do provedor de controle do código-fonte.
Vamos construir o projeto para ver alguns resultados de compilação. No menu Build , escolha Build Solution. A janela Saída obtém automaticamente o foco e exibe uma mensagem de compilação bem-sucedida.
Caixa de pesquisa
A caixa de pesquisa é uma forma rápida e fácil de fazer praticamente tudo no Visual Studio. Você pode inserir algum texto relacionado ao que deseja fazer e ele mostrará uma lista de opções que pertencem ao texto. Por exemplo, imagine que você deseja aumentar a verbosidade da saída de compilação para exibir detalhes adicionais sobre o que exatamente a compilação está fazendo. Veja como você pode fazer isso:
- Se não vires a caixa de Pesquisa, pressiona Ctrl+Q para a abrir e depois digita verbosity na caixa.
Nos resultados apresentados, clique duas vezes na entrada verboosidade de saída do build do projeto MSBuild (projectsAndSolutions.buildAndRun.outputVerbosity).
O painel de Opções abre-se para a secção de Todas as Definições>, Projetos e Soluções>, Construir e Executar .
Use o menu suspenso e defina a opção de verbosidade da saída de build do projeto MSBuild para Normal.
A partir dos resultados apresentados, clique duas vezes na entrada Alterar verbosidade MSBuild (Projetos e Soluções > Construir e Executar).
O diálogo de Opções abre-se na secção Projetos e Soluções>Construir e Executar .
A partir dos resultados apresentados, clique duas vezes na entrada Alterar verbosidade MSBuild (Projetos e Soluções > Construir e Executar).
O diálogo Opções abre-se na página de opções de Projetos e Soluções>Compilação e Execução.
- Utilize o menu suspenso e defina a opção de verbosidade da saída de build do projeto MSBuild para Normal, e depois, clique em OK.
Crie o projeto novamente clicando com o botão direito do mouse no projeto no Gerenciador de Soluções e escolhendo Reconstruir no menu de contexto.
Desta vez, a janela Saída mostra um log mais detalhado do processo de compilação.
Menu Enviar comentários
Se você encontrar algum problema enquanto estiver usando o Visual Studio, ou se tiver sugestões de como melhorar o produto, você pode usar o menu Enviar Comentários na parte superior da janela do Visual Studio.
Próximos passos
Analisamos apenas alguns dos recursos do Visual Studio para nos familiarizarmos com a interface do usuário. Para explorar mais: