Se você estiver usando arquivos HTML, PHP ou JS, convém abri-los em seu navegador a partir do Visual Studio Code. No entanto, não há opção integrada para fazer isso. Isso pode ser frustrante, especialmente se você quiser dar uma olhada rápida no resultado de sua codificação.
Felizmente, você pode ativar a função “Abrir no navegador” por meio de outros métodos. Este artigo irá mostrar-lhe como fazer exatamente isso.
Como abrir no navegador no VS Code em um PC com Windows
A maneira mais fácil de obter a opção Abrir no navegador para o Visual Studio Code no Windows é usar uma extensão. Instalar extensões no Visual Studio Code é relativamente simples, assim como usá-las para abrir arquivos no navegador.
Você pode encontrar várias extensões úteis no Visual Studio Marketplace . Ou você pode obter as extensões Open in Browser com as análises de usuários mais positivas aqui: Extension 1 , Extension 2 , Extension 3 , Extension 4 .
Como abrir no navegador no VS Code em um Mac
O Visual Studio Code pode ser atualizado usando várias extensões que aumentam a funcionalidade do programa. Um tipo de extensão pode permitir a abertura de arquivos HTML, PHP ou JS em um navegador padrão ou outro. Veja como habilitar essa opção em um Mac.
O Visual Studio Marketplace tem uma vasta seleção de extensões que podem adicionar novas funções ao Visual Studio Code. Vale a pena explorar o site se você quiser ajustar ainda mais o programa. E se você estiver interessado exclusivamente nas extensões Open in Browser, aqui estão algumas sugestões: Extension 1 , Extension 2 , Extension 3 , Extension 4 .
Abrir no atalho do navegador
Quase todas as extensões Open in Browser para Visual Studio Code vêm com atalhos de teclado ativados. No entanto, os atalhos não são uniformes. Em vez disso, cada extensão possui uma combinação específica de teclas que ativam a abertura do arquivo em seu navegador.
Aqui estão os atalhos de teclado para as extensões sugeridas neste artigo.
Observe que esses atalhos funcionarão apenas em suas respectivas extensões vinculadas neste artigo. Se você optar por instalar uma extensão diferente, os atalhos relevantes provavelmente serão listados em sua página do Marketplace.
Executando HTML no Visual Studio Code
Se você estiver interessado em trabalhar com HTML no Visual Studio Code, aqui estão alguns métodos de execução de código HTML no programa.
O primeiro método consiste em carregar manualmente o arquivo que você deseja executar.
O método manual pode ajudar a acompanhar o seu trabalho. No entanto, existe uma solução ainda melhor: carregamento automático. Esta opção exigirá que você instale outra extensão, mas deve valer a pena.
Outras extensões HTML úteis do Visual Studio Code
Como mencionado, o Visual Studio Marketplace está repleto de excelentes ferramentas, muitas das quais voltadas para HTML. Aqui estão as dez extensões mais úteis e melhor avaliadas para HTML.
Você pode executar o código do Visual Studio a partir do seu navegador
Além de executar arquivos HTML em um navegador, também é possível usar todo o Visual Studio Code online. Isso requer que você inicie uma versão específica do programa desenvolvido para uso do navegador.
Vale a pena notar que esta versão é muito mais leve em comparação com o Visual Studio Code para desktop. No entanto, pode ser uma solução direta para fácil navegação no repositório e no arquivo, bem como pequenas alterações no código.
Se quiser experimentar a variante do navegador Visual Studio Code, você pode começar imediatamente clicando aqui .
Coloque seus arquivos HTML em funcionamento
A abertura de arquivos HTML em seu navegador é facilitada com a extensão dedicada para o Visual Studio Code. Se você decidir explorar as vastas ofertas de extensões para esta ferramenta de codificação, a função Abrir no navegador será apenas o começo de sua jornada.
Você conseguiu abrir seu arquivo HTML no navegador de sua escolha? Qual extensão você usou? Deixe-nos saber na seção de comentários abaixo.
Como corrigir o erro de não conseguir instalar software no Windows. Por que você não consegue instalar aplicativos ou software no Windows 10/11? Aqui está tudo o que você precisa saber sobre como consertar isso
Instruções para excluir ou alterar o código PIN no Windows 11, No Windows 11, o código PIN é uma ferramenta de segurança muito útil e conveniente para os usuários. Contudo algumas pessoas
Como corrigir o erro Não há opções de energia disponíveis no momento no Windows 10, Não é possível selecionar o modo de energia no Windows 10, o que devo fazer? Veja como corrigir o erro
A maneira mais simples de corrigir erros do aplicativo Fotos no Windows 10. O que devo fazer se o Microsoft Photos não funcionar? Não se preocupe com as maneiras de corrigir erros do aplicativo Fotos no Windows
Instruções para instalar atalhos para alternar idiomas de entrada no Windows 11. Durante o processo de uso do Windows, os usuários frequentemente terão que alternar entre os métodos.
Como verificar o status de energia é compatível com o Windows 11, o Windows 11 pode lidar com muitos estados de energia diferentes. Veja como verificar o status de energia
Como mudar de 2,4 GHz para 5 GHz no Windows 10. Se você deseja encontrar uma maneira rápida e simples de acelerar a Internet, alterar a banda WiFi de 2,4 GHz para 5 GHz pode ajudar.
Como corrigir o erro de memória insuficiente para executar o Microsoft Excel no Windows. Você está tendo um erro de memória insuficiente para executar o Microsoft Excel? Então, como corrigir o erro de memória insuficiente
Maneiras de encontrar todos os arquivos de vídeo no Windows. Não é possível encontrar vídeos gravados e salvos no PC. Abaixo estão algumas maneiras de ajudá-lo a encontrar todos os clipes no Windows.
Como corrigir o erro 0xa00f4288 no aplicativo Câmera no Windows 10 e 11. O aplicativo Câmera padrão do Windows é a principal ferramenta para tirar fotos. Portanto, no caso das câmeras Win 10 e 11
Como abrir vários programas com um atalho no Windows 10, na verdade você pode abrir vários programas ao mesmo tempo com uma única tecla. Veja como usar um
Como remover opções antigas do menu de inicialização do Windows, a inicialização dupla do Windows 10 é útil, mas pode deixar opções de inicialização redundantes no menu. Veja como remover o menu
Instruções para corrigir erros da Ferramenta de Recorte no Windows 11. O Windows 11 foi lançado oficialmente há algum tempo, mas durante o uso ainda existem muitos erros
Instruções para inserir texto por voz no Windows 11, Inserir texto por voz no Windows 11 ajuda a melhorar significativamente a eficiência do seu trabalho. Veja como
Como ligar/desligar o Sticky Key no Windows 11, o Sticky Key torna o teclado do PC mais fácil de usar. Veja como ativar e desativar o Sticky Key no Windows 11.
O que é o Instalador de Módulos do Windows? O Instalador de Módulos do Windows às vezes ocupa muitos recursos do sistema. O instalador de módulos do Windows é importante ou não?
Como aumentar o volume no Windows 10, Como aumentar o volume do computador ao nível máximo? Vamos aprender com WebTech360 como aumentar o volume do computador com Windows 10
Como usar o Assistente de Instalação do Windows 11 para instalar o Windows 11, o Assistente de Instalação do Windows 11 é uma das melhores maneiras de atualizar seu computador para o Windows 11.
Como desligar o som de inicialização no Windows 11. O som de inicialização do PC incomoda você? Então consulte como desligar o som de inicialização para PC com Windows 11 abaixo
Instruções para alterar o tempo limite de bloqueio de tela no Windows 11. Ao usar o Windows 11, há momentos em que os usuários precisarão deixar o computador por um período de tempo.
