Instalación y configuración de Express.js

Instalación y configuración de Express.js

mkdir webpack-express && cd webpack-express

para inicializar el proyecto:

git init && npm init -y

luego instalamos las dependencias:
Express:

npm install express -S 

Webpack y webpack-cli:

npm install webpack webpack-cli -D

Babel( Transpilar el código de cualquier estandar de ecma a navegadores para su compatibilidad):

npm install @babel/core @babel/preset-env babel-loader

Configuracion del proyecto:

• creamos la carpeta src, y el archivo dentro de src > index.js

Para escuchar en nuestro server:

node src/index.js

url: localhost:3000 ó el puerto que pusieron.

Actualmente no es necesario ingresar el flag -S para guardar como dependencias de produccion, ya que npm por defecto las guarda de esta forma.

Pero si es necesario el flag -D para aquellas que son solo de desarrollo.

Aun que npm pareca algo sencillo, tiene mucho por dentro, si te animas puedes aprender mas de él en el curso de npm

#nuncaparesdeaprender

Las dependencias de Babel se deberían salvar también como desarrollo:
npm install @babel/core @babel/preset-env babel-loader -D

Hay un pequeño trick que puedes usar para que puedas abrir tu navegador por defecto desde la terminal, y es que cuando muestres el puerto que esta escuchando le agreges una url completa de la siguiente forma:

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

Al poner el " http… " tu terminal reconocerá que se trata de una url, y solo bastará con darle click y automaticamente se te abrirá en tu navegador.

Para aquellos que tengan problemas con WSL y no les habrá la ruta en el navegador colocar el host en app.listen()

PORT=3000
HOST:'0,0,0,0'
app.listen(PORT,HOST,()=>console.log(`App listening at localhost${PORT}`))