luizpicolo/gist:3f54b03e9a2b5ce7e3dbfc823f867b5d

## gistfile1.md

      
    Raw
  

              gistfile1.md
            
          
    Criando um Projeto Simples com Express, EJS e Nodemon

Este guia irá orientá-lo pelo processo de criação de um projeto simples usando o Express.js como framework de backend, o mecanismo de visualização EJS (Embedded JavaScript) e a ferramenta Nodemon para reiniciar automaticamente o servidor durante o desenvolvimento.
Passos


Configuração do Ambiente:
Certifique-se de que você tem o Node.js instalado. Se não, baixe e instale a versão mais recente do Node.js.


Iniciando um Novo Projeto:
Crie um novo diretório para o seu projeto e navegue até ele usando o terminal.
mkdir meu-projeto-express-ejs
cd meu-projeto-express-ejs


Inicialização do Projeto:
Inicialize um novo projeto Node.js executando o seguinte comando e seguindo as instruções:
npm init -y


Instalando Dependências:
Instale as dependências necessárias: Express.js, EJS e Nodemon.
npm install express ejs nodemon


Estrutura do Projeto:
Crie uma estrutura básica para o seu projeto. Por exemplo:
meu-projeto-express-ejs/
├── node_modules/
├── public/
│   └── styles.css
├── views/
│   └── index.ejs
└── app.js


Configuração do Express:
Crie um arquivo app.js na raiz do seu projeto e configure o Express:
const express = require('express');
const app = express();
const port = 3000;

app.set('view engine', 'ejs');
app.use(express.static('public'));

app.get('/', (req, res) => {
  res.render('index', { message: 'Olá, Mundo!' });
});

app.listen(port, () => {
  console.log(`Servidor rodando em http://localhost:${port}`);
});


Criando uma Página EJS:
Crie um arquivo index.ejs dentro da pasta views para a página principal:
<!DOCTYPE html>
<html>
<head>
  <title>Projeto Express e EJS</title>
  <link rel="stylesheet" type="text/css" href="/styles.css">
</head>
<body>
  <h1><%= message %></h1>
</body>
</html>


Estilos:
Se desejar, crie um arquivo styles.css na pasta public para adicionar estilos à sua página.


Iniciando o Servidor com Nodemon:
No arquivo package.json, adicione um novo script que utiliza o Nodemon para iniciar o servidor:
"scripts": {
  "start": "nodemon app.js"
}


Iniciando o Servidor:
No terminal, execute o seguinte comando para iniciar o servidor usando o Nodemon:
npm start


Acesse a Aplicação:
Abra o navegador e acesse http://localhost:3000 para ver a página sendo renderizada dinamicamente com a mensagem.


Agora você possui um projeto simples usando o Express.js, EJS e Nodemon. O Nodemon monitorará as alterações nos arquivos do seu projeto e reiniciará automaticamente o servidor, facilitando o processo de desenvolvimento. À medida que avançar, você pode expandir o projeto adicionando mais rotas, páginas e recursos conforme suas necessidades.