MEAN.JS - Configuração do projeto MEAN

Este capítulo inclui a criação e configuração de um aplicativo MEAN. Estamos usando NodeJS e ExpressJS juntos para criar o projeto.

Pré-requisitos

Antes de começarmos a criar um aplicativo MEAN, precisamos instalar os pré-requisitos necessários.

Você pode instalar a versão mais recente do Node.js visitando o site do Node.js em Node.js (para usuários do Windows). Quando você baixa o Node.js, o npm é instalado automaticamente em seu sistema. Os usuários do Linux podem instalar o Node e o npm usando este link .

Verifique a versão do Node e npm usando os comandos abaixo -

$ node --version
$ npm --version

Os comandos exibirão as versões conforme mostrado na imagem abaixo -

Criando Projeto Expresso

Crie um diretório de projeto usando o comando mkdir conforme mostrado abaixo -

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

O diretório acima é a raiz do aplicativo do nó. Agora, para criar o arquivo package.json, execute o comando abaixo -

$ cd webapp-demo
$ npm init

O comando init o orientará na criação de um arquivo package.json -

Este utilitário o orientará na criação de um arquivo package.json. Ele cobre apenas os itens mais comuns e tenta adivinhar padrões razoáveis.

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

Clique em sim e uma estrutura de pastas conforme abaixo será gerada -

-mean-demo
   -package.json

O arquivo package.json terá as seguintes informações -

{
   "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"
}

Agora, para configurar o projeto Express na pasta atual e instalar as opções de configuração para o framework, use o comando abaixo -

npm install express --save

Vá para o diretório do seu projeto e abra o arquivo package.json, você verá as informações abaixo -

{
   "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"
   }
}

Aqui você pode ver que a dependência expressa foi adicionada ao arquivo. Agora, a estrutura do projeto é a seguinte -

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

Aplicação em execução

Navegue até o diretório do projeto recém-criado e crie um arquivo server.js com o conteúdo abaixo.

// 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}!`));

Em seguida, execute o aplicativo com o comando abaixo -

$ npm start

Você receberá uma confirmação conforme mostrado na imagem abaixo -

Informa que o aplicativo Express está em execução. Abra qualquer navegador e acesse o aplicativo usandohttp://localhost:3000. Você verá Bem-vindo ao Tutorialspoint! texto conforme mostrado abaixo -

Next page ↱