Nodemon & Express

rogerdimonte

Roger

Posted on May 18, 2022

Nodemon & Express

👋En este post te voy a mostrar como implementar nodemon a tu aplicación de express, nodemon nos permite refrescar automáticamente nuestra aplicación de express al guardar nuestros cambios.

Si no sabes como crear una aplicación de express puedes ver mi articulo donde te enseño a crear una app de express.
Crea Tu Primer App De Express

Pasos

  • Primero debes iniciar un proyecto con npm init -y:
{
  "name": "nodemon",
  "version": "1.0.0",
  "description": "Utilizar nodemon para actualizar nuestro proyecto",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "Roger",
  "license": "ISC"
}
Enter fullscreen mode Exit fullscreen mode
  • Ahora debes instalar las siguientes dependencias.
npm i express
Enter fullscreen mode Exit fullscreen mode

Y creamos una pequeña aplicación de express:

const express = require('express')

const app = express()
const PORT = process.env.PORT || 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(PORT, () => {
  console.log('Server is running on port: ' + PORT)
})
Enter fullscreen mode Exit fullscreen mode
  • Seguido de esto debemos instalar la siguiente dependencia de desarrollo:
npm i -D nodemon
Enter fullscreen mode Exit fullscreen mode

Despues de esto, dentro del package.json, debemos agregar la siguiente linea:

"scripts": {
    "start": "nodemon index.js"
  },
Enter fullscreen mode Exit fullscreen mode

Y en nuestra terminal escribimos:

npm run start
Enter fullscreen mode Exit fullscreen mode

Y veremos algo como esto en nuestra terminal:

> nodemon@1.0.0 start
> nodemon index.js

[nodemon] 2.0.16
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node index.js`
Server is running on port: 3000
Enter fullscreen mode Exit fullscreen mode

Esto quiere decir que todo esta bien.
Ahora abrimos nuestro proyecto en el navegador http://localhost:3000/, y veremos el mensaje de bienvenida Hello World!, ahora cambiaremos el mensaje de bienvenida a Nodemon is watching!.

app.get('/', (req, res) => {
  res.send('Nodemon is watching!')
})
Enter fullscreen mode Exit fullscreen mode

Guardamos nuestro proyecto, refrescamos la pagina, y veremos que cambio automáticamente el mensaje de bienvenida.
Y de esta forma es como puedes refrescar automáticamente tu aplicación de express.

Si quieres ver mas tutoriales como este puedes entrar a mi perfil y ahí encontraras una gran variedad de tips y tutoriales.👉Roger
💖 💪 🙅 🚩
rogerdimonte
Roger

Posted on May 18, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related