*** # Usando um Editor de Código: Dominando o [VSCode.dev](https://vscode.dev) **Bem-vindo!** Esta lição vai te levar do básico ao uso avançado do [VSCode.dev](https://vscode.dev)—o poderoso editor de código baseado na web. Você aprenderá a editar código com confiança, gerenciar projetos, rastrear alterações, instalar extensões e colaborar como um profissional—tudo diretamente do navegador, sem necessidade de instalação. *** ## Objetivos de Aprendizagem Ao final desta lição, você será capaz de: - Usar eficientemente um editor de código em qualquer projeto, em qualquer lugar - Rastrear seu trabalho de forma integrada com controle de versão embutido - Personalizar e otimizar seu fluxo de desenvolvimento com customizações e extensões do editor *** ## Pré-requisitos Para começar, **crie uma conta gratuita no [GitHub](https://github.com)**, que permite gerenciar repositórios de código e colaborar globalmente. Se você ainda não tem uma conta, [crie uma aqui](https://github.com/). *** ## Por que usar um editor de código baseado na web? Um **editor de código** como o VSCode.dev é seu centro de comando para escrever, editar e gerenciar código. Com uma interface intuitiva, inúmeros recursos e acesso imediato via navegador, você pode: - Editar projetos em qualquer dispositivo - Evitar complicações com instalações - Colaborar e contribuir instantaneamente Depois de se familiarizar com o VSCode.dev, você estará preparado para lidar com tarefas de programação de qualquer lugar, a qualquer momento. *** ## Começando com o VSCode.dev Acesse **[VSCode.dev](https://vscode.dev)**—sem instalação, sem downloads. Fazer login com o GitHub desbloqueia acesso completo, incluindo sincronização de suas configurações, extensões e repositórios. Se solicitado, conecte sua conta do GitHub. Após carregar, seu espaço de trabalho terá esta aparência: , ⚙️ (Configurações), arquivos, controle de versão, etc. - **Barra lateral:** Muda de contexto com base no ícone selecionado na barra de atividades (por padrão, *Explorer* para mostrar arquivos). - **Área de edição/código:** A maior seção à direita—onde você realmente edita e visualiza o código. Clique nos ícones para explorar os recursos, mas volte ao _Explorer_ para manter seu lugar. *** ## Abrindo um Repositório do GitHub ### Método 1: Pelo Editor 1. Acesse [VSCode.dev](https://vscode.dev). Clique em **"Open Remote Repository."** .  e pressione Enter. Se tudo der certo, você verá o projeto inteiro carregado e pronto para edição! *** ### Método 2: Diretamente via URL Transforme qualquer URL de repositório GitHub para abrir diretamente no VSCode.dev substituindo `github.com` por `vscode.dev/github`. Ex.: - GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners` - VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners` Este recurso acelera o acesso rápido a QUALQUER projeto. *** ## Editando Arquivos no Seu Projeto Depois de abrir seu repositório, você pode: ### 1. **Criar um Novo Arquivo** - Na barra lateral *Explorer*, navegue até a pasta desejada ou use a raiz. - Clique no ícone _‘New file ...’_. - Nomeie seu arquivo, pressione **Enter**, e ele aparecerá instantaneamente.  e exclusões (vermelho).  *** ## Exploração Adicional e Autoestudo - Aprofunde-se com [a documentação oficial do VSCode Web](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza). - Explore recursos avançados de espaço de trabalho, atalhos de teclado e configurações. *** **Agora você está pronto para codificar, criar e colaborar—de qualquer lugar, em qualquer dispositivo, usando o VSCode.dev!** --- **Aviso Legal**: Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações equivocadas decorrentes do uso desta tradução.