Como abrir arquivos HTML no seu navegador do código do Visual Studio

O Código do Visual Studio é o editor de IDE e código para equipes de desenvolvedor de software. Ajuda na construção e depuração de aplicativos. Este editor de código fornece extensões que adicionam depuradores, idiomas e ferramentas de instalação para apoiar o desenvolvimento de aplicativos. Mais especificamente, "Aberto no navegador padrão" e "Servidor vivo”Pode ser utilizado para testar o código HTML no navegador.

Este post guiará sobre:

• Quais extensões de código do Visual Studio são utilizadas para abrir arquivos HTML no navegador?
• Como instalar "Aberto no navegador padrãoExtensão no Visual Studio?
• Como instalar o “Servidor vivoExtensão no Visual Studio?
• Como abrir/executar arquivos HTML no navegador usando o código do Visual Studio?

Quais extensões de código do Visual Studio são utilizadas para abrir arquivos HTML no navegador da web?

Várias extensões no código do Visual Studio são muito úteis para desenvolvedores da Web, como mais bonito, javascript booster e mais. No entanto, utilizaremos dois deles que ajudarão a abrir os arquivos HTML no navegador, que são “Aberto no navegador padrão" e "Servidor vivo”.

Como instalar a extensão "Abrir no navegador padrão" no Visual Studio?

Com o objetivo de instalar o “Aberto no navegador padrãoExtensão no código do Visual Studio, confira o procedimento fornecido.

Etapa 1: Crie arquivo HTML

Digamos que criamos uma página HTML, conforme mostrado na imagem abaixo:

Etapa 2: Navegue até extensões

Em seguida, clique no ícone destacado para navegar para o “Extensões" seção:

Etapa 3: Instale a extensão "Abrir no navegador padrão"

Depois de clicar no ícone da extensão, procure “Aberto no navegador padrão"E atingir o"Instalar" botão:

Depois de instalar a extensão selecionada, a mensagem a seguir será aberta na tela:

Como instalar a extensão do "servidor ao vivo" no Visual Studio?

Da mesma forma, para instalar o “Servidor vivoExtensão, procure -o no mercado de extensão e instale -o usando o mesmo método:

Como abrir/executar arquivos HTML no navegador usando o código do Visual Studio?

Para abrir os arquivos HTML no seu navegador, clique com o botão direito do mouse na área espacial de código do código do Visual Studio. Em seguida, escolha o “Aberto no navegador padrão”Opção ou use a combinação de chave“Ctrl+1”:

A outra opção é escolher o “Aberto com servidor ao vivoExtensão para o mesmo objetivo:

Como resultado, o arquivo será aberto no seu navegador da web:

Isso se tratava de abrir arquivos HTML no seu navegador do Código do Visual Studio.

Conclusão

O Código do Visual Studio é o editor de texto utilizado para escrever código HTML. Este editor de texto consiste em várias extensões, como “Aberto no navegador padrão" ou "Servidor vivo”, Para testar o código no navegador. Este post demonstrou o procedimento para instalar a extensão do Visual Studio mencionada e utilizá -los para abrir arquivos HTML no navegador.