MEAN.JS - Configuración del proyecto MEAN

Este capítulo incluye la creación y configuración de una aplicación MEAN. Estamos usando NodeJS y ExpressJS juntos para crear el proyecto.

Prerrequisitos

Antes de comenzar a crear una aplicación MEAN, necesitamos instalar los requisitos previos necesarios.

Puede instalar la última versión de Node.js visitando el sitio web de Node.js en Node.js (esto es para usuarios de Windows). Cuando descargue Node.js, npm se instalará automáticamente en su sistema. Los usuarios de Linux pueden instalar Node y npm usando este enlace .

Verifique la versión de Node y npm usando los siguientes comandos:

$ node --version
$ npm --version

Los comandos mostrarán las versiones como se muestra en la siguiente imagen:

Creando Proyecto Express

Cree un directorio de proyecto utilizando el comando mkdir como se muestra a continuación:

$ mkdir mean-demo //this is name of repository

El directorio anterior es la raíz de la aplicación de nodo. Ahora, para crear el archivo package.json, ejecute el siguiente comando:

$ cd webapp-demo
$ npm init

El comando init lo guiará a través de la creación de un archivo package.json:

Esta utilidad lo guiará a través de la creación de un archivo package.json. Solo cubre los elementos más comunes e intenta adivinar valores predeterminados razonables.

See `npm help json` for definitive documentation on these fields and exactly what they do.
Use `npm install --save` afterwards to install a package and save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (mean-demo) mean_tutorial
version: (1.0.0)
description: this is basic tutorial example for MEAN stack
entry point: (index.js) server.js
test command: test
git repository:
keywords: MEAN,Mongo,Express,Angular,Nodejs
author: Manisha
license: (ISC)
About to write to /home/mani/work/rnd/mean-demo/package.json:

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC"
}

Is this ok? (yes) yes

Haga clic en Sí y se generará una estructura de carpetas como la siguiente:

-mean-demo
   -package.json

El archivo package.json tendrá la siguiente información:

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC"
}

Ahora para configurar el proyecto Express en la carpeta actual e instalar las opciones de configuración para el marco, use el siguiente comando:

npm install express --save

Vaya al directorio de su proyecto y abra el archivo package.json, verá la siguiente información:

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC",
   "dependencies": {
      "express": "^4.17.1"
   }
}

Aquí puede ver que se agrega dependencia expresa al archivo. Ahora, la estructura del proyecto es la siguiente:

-mean-demo
   --node_modules created by npm install
   --package.json tells npm which packages we need
   --server.js set up our node application

Aplicación en ejecución

Navegue al directorio de su proyecto recién creado y cree un archivo server.js con el contenido a continuación.

// modules =================================================
const express = require('express');
const app = express();
// set our port
const port = 3000;
app.get('/', (req, res) ⇒ res.send('Welcome to Tutorialspoint!'));

// startup our app at http://localhost:3000
app.listen(port, () ⇒ console.log(`Example app listening on port ${port}!`));

A continuación, ejecute la aplicación con el siguiente comando:

$ npm start

Obtendrá una confirmación como se muestra en la imagen a continuación:

Informa que la aplicación Express se está ejecutando. Abra cualquier navegador y acceda a la aplicación usandohttp://localhost:3000. Verá ¡Bienvenido a Tutorialspoint! texto como se muestra a continuación -

Next page ↱