Mean
Mean
Practical -1
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.
Step 1: -
2203031260142 1
MEAN stack development laboratory 303105386
STEP 2: -
STEP 3: -
Node –version
Npm –version
2203031260142 2
MEAN stack development laboratory 303105386
STEP 4: -
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: -
STEP 7: -
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