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.
Neste Quickstart, explora o ambiente integrado de desenvolvimento (IDE) do Visual Studio. Este artigo oferece uma introdução de 5 a 10 minutos para o ajudar a familiarizar-se com as janelas, menus e outras funcionalidades disponíveis para desenvolvimento JavaScript.
Se não tiveres Visual Studio, podes instalar a versão de teste grátis na página de Downloads do Visual Studio.
Usar a janela de início
A primeira coisa que vês depois de lançares Visual Studio é a janela Start Window. A Janela de Início foi concebida para o ajudar a "chegar ao código" mais rapidamente. Existem opções para clonar ou requisitar código, abrir um projeto ou solução existente, criar um novo projeto ou abrir uma pasta com ficheiros de código.
Se já estiver a trabalhar em Visual Studio, pode abrir a Janela de Início selecionando File>Janela de Iniciar.
Se és novo a trabalhar com o Visual Studio, a tua lista de projetos recentes pode estar vazia.
Se trabalhar com bases de código que não sejam baseadas no MSBuild, use a opção Abrir uma pasta para abrir o 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.
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.
Quando lanças Visual Studio, a Janela de Início inclui a opção Continuar sem código. Esta ação permite-lhe abrir o ambiente de desenvolvimento Visual Studio sem que qualquer projeto ou código específico seja carregado. Pode usar esta opção para juntar-se a uma sessão Live Share ou anexá-la a um processo de depuração. Também pode selecionar a tecla Esc para fechar a janela de Iniciar e abrir o IDE.
Criar um projeto
Para continuar a explorar as funcionalidades do Visual Studio, crie um novo projeto. Visual Studio fornece vários tipos de modelos de projeto que ajudam você a começar a codificar rapidamente.
Na janela de Iniciar, selecione Criar um novo projeto. A janela atualiza-se para mostrar opções para criar o novo projeto.
Na caixa Procurar modelos , introduza javascript ou typescript.
O seu texto de entrada filtra a lista de tipos de projeto para mostrar modelos que contêm "JavaScript" ou "TypeScript" no nome ou tipo de linguagem.
Selecione o modelo de projeto JavaScript Express Application e selecione Próximo.
Na janela Configurar o seu novo projeto , aceite o nome padrão do projeto e selecione Criar.
O Visual Studio cria o projeto e abre-o no IDE. Os ficheiros e pastas do projeto são visíveis em Explorador de Soluções.
Navegue pelo seu projeto no Explorador de Soluções
O painel do Explorador de Soluções normalmente abre-se do lado direito do Visual Studio IDE. Esta janela mostra uma representação gráfica da hierarquia de ficheiros e pastas no seu projeto, solução ou pasta de código.
Pode navegar pela hierarquia, procurar um ficheiro ou pasta específico e selecionar um ficheiro para o abrir.
Abrir ficheiros no editor de código
No Explorador de Soluções, selecione o ficheiro app.js para abrir o ficheiro 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.
Explore os menus principais
A barra de menu no topo do Visual Studio IDE permite acesso rápido a grupos de comandos organizados por categoria. 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.
Selecione Visualizar para ver a lista de comandos relacionados com a visualização e depois selecione Lista de Erros para abrir a janela da Lista de Erros .
Revise erros e avisos na 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.
Verifique as mensagens de compilação na 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.
Constrói o teu novo projeto para poderes explorar as mensagens de build na janela de Saída . Na barra de menus, selecione Build>Build Solution.
A janela Saída obtém automaticamente o foco e exibe uma mensagem de compilação bem-sucedida.
Pesquisa de comandos e funcionalidades
A caixa de pesquisa é uma forma rápida e fácil de fazer quase tudo no Visual Studio. Podes inserir algum texto relacionado com o que queres fazer, e os resultados da pesquisa mostram uma lista de opções relacionadas com o teu texto de entrada.
Suponha que quiser aumentar o nível de verbosidade da compilação para ver mais detalhes sobre o que a compilação está a fazer. Pode seguir estes passos:
- Se não vires a caixa de Pesquisa, usa o atalho de teclado Ctrl+Q . Na caixa de pesquisa, introduza verbosidade.
Na lista de resultados, faça duplo clique na entrada Verbosidade da saída da compilação 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.
Na lista de resultados, clique duas vezes na entrada Alterar verbosidade MSBuild (Projetos e Soluções > Construir e Executar).
O diálogo Opções abre-se na secção Projetos e Soluções>Construir e Executar .
Utiliza o menu suspenso e define a opção verbosidade da saída de compilação do projeto MSBuild para Normal e seleciona OK.
Construa novamente o projeto clicando com o botão direito no projeto em Explorador de Soluções e selecionando Rebuild no menu contextual.
Desta vez, a janela Output mostra registos mais detalhados do processo de compilação.
Enviar comentários
Se encontrar algum problema enquanto usa Visual Studio, ou se tiver sugestões para melhorar o produto, pode usar o menu Enviar Feedback no topo da janela Visual Studio.
