Visual Studio Code no Navegador: Um Guia Definitivo

Um dos muitos pontos fortes de tornar um projeto de software de código aberto é que sua comunidade pode mexer, contribuir ou criar uma versão personalizada. O Microsoft Visual Studio Code é um editor de código de código aberto e é um dos aplicativos mais populares desse tipo em qualquer plataforma.

Mas você também não está restrito a usá-lo apenas na forma que a Microsoft oferece para download, graças à sua natureza de código aberto. Você pode, de fato, executar uma versão do Visual Studio Code em seu navegador da Web gratuitamente.

Isso não é necessariamente para todos, mas se você se move entre as máquinas com frequência, ou mesmo se quiser fazer alguma codificação improvisada de algo como um iPad ou até mesmo seu smartphone, é uma boa opção para explorar. Você pode simplesmente abri-lo e começar a trabalhar onde quer que esteja, sem a necessidade de configurar seu ambiente.

Dica de Leitura: Se você está procurando por mais ferramentas para melhorar sua produtividade em projetos de código, especialmente aqueles que envolvem desenvolvimento de software e inteligência artificial, confira nosso artigo sobre Guia para usar o OpenAI Codex com mais eficiência, que pode ajudá-lo a automatizar e melhorar seu fluxo de trabalho.

Executando o Visual Studio Code no navegador da maneira mais fácil

A Microsoft lançou agora uma versão oficial do navegador do Visual Studio Code que pode ser encontrada em vscode.dev. Ele se integra ao Github, permitindo fácil acesso ao código armazenado nos repositórios do Github diretamente do seu navegador da web.

Esta não é a mesma versão completa do Visual Studio Code que você usaria na área de trabalho, mas tem suporte para extensão. Nem todas as extensões podem ser instaladas, mas você provavelmente encontrará uma boa quantidade que pode, como aquelas que podem ajudá-lo a analisar melhor o idioma em que está codificando. Você não tem um terminal, no momento, então embora seja extremamente útil, provavelmente não será seu IDE principal ainda.

Visual Studio Code no navegador com StackBlitz

Se você está procurando uma maneira fácil de usar o Visual Studio Code sem configuração e que você pode simplesmente entrar em um navegador e abrir, StackBlitz é uma boa maneira de conseguir isso. É totalmente gratuito e é baseado no Visual Studio Code. Basta conectá-lo à sua conta do GitHub para fazer login.

A interface do usuário é imediatamente familiar e há vários modelos pré-configurados para ajudá-lo a iniciar um novo espaço de trabalho com um único clique. O StackBlitz é voltado para o desenvolvimento da Web, portanto, existem idiomas que não são oferecidos no momento, mas você pode se inscrever para obter acesso beta à versão fullstack, que oferecerá ainda mais. O suporte de extensão também está ausente do StackBlitz no momento.

Mas se você estava pensando que esta é uma solução incompleta, você estaria errado. O StackBlitz usa Progressive Web APIs para executar um servidor de desenvolvimento ao vivo dentro do seu navegador, permitindo não apenas visualizações ao vivo do seu trabalho, mas também o uso offline. Trabalhar offline é um recurso matador para um editor de código baseado em navegador.

Há muito o que apreciar no StackBlitz, então se parece algo que você pode estar interessado, o documentação e repositório GitHub é um bom lugar para começar.

Visual Studio Code no navegador usando code-server

Uma maneira mais completa de usar o Visual Studio Code no navegador é com servidor de códigoou o codificador serviço construído sobre ele. O Coder não é gratuito, embora haja uma avaliação de 60 dias e também não esteja limitado ao Visual Studio Code. É um serviço voltado para grandes distribuições e uso corporativo, permitindo a implantação remota de ambientes de desenvolvimento utilizando a nuvem.

No entanto, o code-server é gratuito e está disponível no GitHub para criar sua própria implantação remota. Seja em sua própria máquina local ou em uma máquina remota hospedada por qualquer número de provedores de nuvem.

VAI GOSTAR:

                
english-interview-debugger.sh

                $ grep -r "senior_dev_communication" ./career
            
                [CRITICAL_ERROR] Código sênior detectado, mas fluência falhou no runtime. 
                
Motivo: Travou na hora de explicar a arquitetura (System Design) em inglês para o gringo.
            
                O mercado internacional não quer um robô de gramática. Quer um dev que saiba defender uma tomada de decisão técnica sob pressão. Destrave sua conversão na Preply com aulas particulares focadas em TI.
            
                  $ ./fix-english.sh --target=remote-job
                
                    Achar Professor Particular ➔

– Como aproveitar cursos online de maneira mais eficaz?

– Marketplace do VSCode pode ter extensões maliciosas

– Principais extensões do Chrome para desenvolvedores WebHá um pouco de configuração envolvida com o code-server e as etapas exatas variam dependendo de onde você o está instalando. E se você estiver instalando em um servidor remoto, precisará estar pelo menos um pouco familiarizado com o Linux.Felizmente, o code-server tem um tutorial seguindo em frente e não faltam ótimos guias online a partir de fontes como o YouTube, que podem orientá-lo em vários usos diferentes do code-server. É incrivelmente flexível e, uma vez concluído o trabalho inicial, você terá uma versão completa do Visual Studio Code em qualquer máquina.

Usando a área de trabalho remota do Google Chrome

Há também o fato de que você pode usar a Área de Trabalho Remota do Chrome como um pedaço de queijo para usar o Visual Studio Code em um navegador de outra máquina. Se for uma coisa regular, um dos outros dois métodos aqui certamente será melhor, mas se for apenas um uso ocasional, você ficará bem.

A área de trabalho remota do Chrome permite que você use o Chrome, Edge ou aplicativos móveis dedicados para se conectar ao seu PC de mesa, mesmo se você não estiver na mesma rede. A desvantagem, é claro, é que você precisa deixar sua máquina desktop ligada o tempo todo para que ela funcione.

Mas ei, em um piscar de olhos, é uma maneira rápida e fácil de se conectar ao seu ambiente de área de trabalho normal. É gratuito, simples de configurar e absolutamente excelente.

As melhores extensões do Chrome na Chrome Web Store

O que é Emmet e como ele vai adiantar o seu dia a dia

Extensão do Chrome é usado tomar controle e espionagem

Selenium – O que você deveria saber – Parte 3

Lançamento da versão educacional gratuita do GameMaker

Android SDK Manager via linhas de comando

Continue aprendendo:

Agora que você já sabe como executar o Visual Studio Code no navegador, que tal avançar seus conhecimentos em desenvolvimento de software e inteligência artificial com o artigo sobre Como instalar e configurar SonarQube para projetos Node.js?

✦ Recomendação do Editor

Eleve o seu nível no assunto

Se você está procurando aprender mais sobre como maximizar seu potencial como desenvolvedor de software após ler nosso artigo sobre o Visual Studio Code no navegador, eu recomendo procurar por “editor de código para desenvolvimento de software”.

Com o poder do Visual Studio Code em mãos, você terá acesso a uma variedade de ferramentas e recursos que possibilitarão explorar novas fronteiras em sua carreira como desenvolvedor de software. Isso permitirá que você se concentre em desenvolver projetos mais complexos, aproveitando ao máximo as características do código aberto. Além disso, você estará preparado para lidar com a crescente demanda por tecnologias emergentes e ferramentas de desenvolvimento, colocando você à frente da concorrência e ampliando suas habilidades como profissional.

Ver ofertas em destaque na Amazon

Ajude a manter este projeto, a Ramos da Informática pode ganhar uma comissão sobre as vendas qualificadas.

Artigo anterior

Nuvem Híbrida: Desafios de Segurança e Integração

Próximo artigo

Python de Alto Desempenho: Guia para Codon (Guia Prático)

Visual Studio Code no Navegador: Um Guia Definitivo

Continue aprendendo:

Eleve o seu nível no assunto

Gostou do conteúdo? Que tal programar ganhando em Dólar?

Pesquisa: Como você está usando IA na sua rotina Dev?

DEIXE UMA RESPOSTA Cancelar resposta

Mais recentes

Sincronizando PostgreSQL e Turbopuffer com Puffgres

3 Técnicas para Reduzir Consumo de Tokens no Claude Code e Codex

Entenda Componentes de Cache no Next.js

Grok 4.5: mais rápido e integrado ao Cursor

Evolua para Sênior

Cloudflare Monetization Gateway Está Redefinindo a Economia da IA

Configuração do GLM-5.2 no Cursor via OpenRouter

Mais Lidos

Malware Bancário: Proteja suas Credenciais (Guia Definitivo)

Meta Sobe a Jogada: Java é Substituído por Kotlin

Gestão de Atendimento Multicanal: O Guia Definitivo para Izing

Assistente de IA Local com Raspberry Pi: O Guia Prático para Devs

Evolua para Sênior

Recursos da Comunidade

Automação Sem Limites

Automate (Sujeito Programador)

AppSec: Segurança na Prática

Android Express

Robótica & Arduino VIP

Ecossistema Danki Code

JOB NA GRINGA

Você vai gostarrelacionados
Continue aprendendo

Quer dominar arquitetura e IA?

Visual Studio Code no Navegador: Um Guia Definitivo

Eleve seu desenvolvimento com o Cursor

Continue aprendendo:

Eleve o seu nível no assunto

Gostou do conteúdo? Que tal programar ganhando em Dólar?

Pesquisa: Como você está usando IA na sua rotina Dev?

DEIXE UMA RESPOSTA Cancelar resposta

Mais recentes

Evolua para Sênior

Mais Lidos

Evolua para Sênior

Recursos da Comunidade

JOB NA GRINGA

Você vai gostarrelacionadosContinue aprendendo

Quer dominar arquitetura e IA?

Você vai gostarrelacionados
Continue aprendendo