Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to setup Angular Development Environment

In this blog post, you will learn how to setup Angular Development Environment and create your first angular project. Previously I have explained Angular Architecture Overview and Getting Started with Angular Step By Step.

Setup Angular Development Environment

Follow the below steps to set up an Angular development environment and test it by downloading and running an example Angular application:-

Step 1: First thing you need to install is the latest version of Node.js and npm. In case if you have never worked with node.js before, it’s basically a runtime environment for executing javascript code outside the browser.

Node.js provides some tools that we need to build angular projects. So if you haven’t installed the node.js you need to visit nodejs.org, where you can find the latest version of the node for your operating system. So here are the latest stable version is 14.16.1 LTS, download it and install it on your machine.

Step 2: Install Node.js and npm by opening the downloaded installer and following the prompts.Step 3: Test that Node.js and npm were installed successfully by running the commands node -v and npm -vStep 4: Install the Angular CLI globally by running the command npm i -g @angular/cli

Once you have node.js installed, then we’re going to use a tool called node package manager, or npm to install third-party libraries. The Angular CLI stands for the command-line interface, so it’s a command-line tool that we used to create a new angular project or generate some boilerplate code. Step 5: Test that the Angular CLI was installed successfully by running the command ng --versionAlright, we have successfully installed angular CLI version 11.2.8, and below that, you can see the version of the node on my machine. once again, it’s 14.16.0

Conclusion

I hope you liked this article on how to setup angular development environment. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.

The post How to Setup Angular Development Environment appeared first on DotNetTec.



This post first appeared on Asp Dot Net Tricks And Tips, Dot Net Coding Tips, Google Maps API Developer, please read the originial post: here

Share the post

How to setup Angular Development Environment

×

Subscribe to Asp Dot Net Tricks And Tips, Dot Net Coding Tips, Google Maps Api Developer

Get updates delivered right to your inbox!

Thank you for your subscription

×