DEV Community

Francisco Chaves
Francisco Chaves

Posted on • Originally published at franciscochaves.com.br on

http-server servidor leve e rápido

Olá pessoal, hoje vamos aprender a utilizar o http-server para desenvolvimento local de sites, é uma ferramenta bem legal para fazer testes e visualizar como o website ficará quando estiver hospedado. Será utilizado o sistema operacional Xubuntu 18.04 para este tutorial.

Para instalar a ferramenta, precisaremos do Node.js instalado. Após a instalação do Node.js, realize a instalação do http-server com o comando a seguir:

npm install -g http-server
Enter fullscreen mode Exit fullscreen mode

Crie um arquivo index.html com o código a seguir:

<html>
  <head>
    <title>Meu Website</title>
    <style>
      h1 {
        color: #8e44ad;
        font-size: 3em;
        text-shadow: 1px 1px 5px #9b59b6;
      }
    </style>
  </head>
  <body>
    <h1>Meu Website utilizando http-server</h1>
  </body>
</html>
Enter fullscreen mode Exit fullscreen mode

Acesse a pasta do arquivo index.html com o terminal e execute o comando:

http-server
Enter fullscreen mode Exit fullscreen mode

http-server executando o arquivo html

Podemos percebe que o servidor iniciou na porta 8080, para selecionar uma porta específica utilize o comando a seguir com a opção -p e o valor da porta desejada.

http-server -p 3000
Enter fullscreen mode Exit fullscreen mode

http-server executando o arquivo html na porta 3000

Algumas vezes durante o desenvolvimento precisamos evitar o cache dos arquivos e para isso utilizamos a opção -c e o valor -1:

http-server -c-1
Enter fullscreen mode Exit fullscreen mode

Referências

http-server: a command-line http server. NPM. Disponível em: https://www.npmjs.com/package/http-server. Acesso em: 19 dez. 2020.

Top comments (0)