0% found this document useful (0 votes)
4 views6 pages

Mean

Uploaded by

srinathmusku5
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views6 pages

Mean

Uploaded by

srinathmusku5
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

MEAN stack development laboratory 303105386

Practical -1

Node: - Node. js is an open-source platform and provides a runtime environment for


executing the JavaScript code. It is mainly used for building the back-end application.
Since there are two types of apps, such as web apps and mobile apps, where web apps run
on the browser and mobile apps run on mobile devices.

Npm: - NPM is a package manager for Node.js packages, or modules if you like.
www.npmjs.com hosts thousands of free packages to download and use. The NPM
program is installed on your computer when you install Node.js. NPM is already ready to
run on your computer!

Angular: - Angular is a powerful tool for building dynamic HTML pages that communicate
with a back-end server. Whether you're building a high-throughput API, a simple web
application, or a microservice, MEAN is the ideal stack for building Node. js applications.

VS CODE: - Visual Studio Code combines the simplicity of a source code editor with
powerful developer tooling, like IntelliSense code completion and debugging.

First and foremost, it is an editor that gets out of your way. The delightfully frictionless edit-
build-debug cycle means less time fiddling with your environment, and more time
executing on your ideas.

INSTALLATION OF NODE, NPM, ANGULAR: -

Step 1: -

Installation of node using https://nodejs.org/en/download/prebuilt-installer site

2203031260142 1
MEAN stack development laboratory 303105386

STEP 2: -

Install and configure the node package file

STEP 3: -

Check versions of the node and npm. Commands are,

Node –version

Npm –version

2203031260142 2
MEAN stack development laboratory 303105386

STEP 4: -

Download and install vs code in the machine using website


https://code.visualstudio.com/download .

STEP 5: -

Create a folder and a file in the vs code and on the open the empty file.

2203031260142 3
MEAN stack development laboratory 303105386

STEP 6: -

Install angular in the vs code terminal. Using command

Npm install -g @angular/cli

STEP 7: -

Create an Angular Application. Using command

Ng new <project name>

2203031260142 4
MEAN stack development laboratory 303105386

STEP 8: -

Start a local development server for the Angular application. Start a development server
using default URL http://localhost :4200. Command is

Ng serve

STEP 9: -

Open the local host link to access the web application using MEAN stack development.

http://localhost :4200

2203031260142 5
MEAN stack development laboratory 303105386

CONCLUSION :-

In this practical, you learned about the MEAN stack, which combines MongoDB, Express.js,
Angular, and Node.js to build full-stack JavaScript applications. After setting up the
development environment, you now have the tools needed to create web applications
where both the frontend and backend use the same language— JavaScript. This makes
development easierand faster. With this foundation, you’re ready to start building dynamic
and scalable web applications using the MEAN stack.

2203031260142 6

You might also like