It is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop.
The current stable version of Angular is 7.0.1 and we are going to install it on Windows 10.
1. INSTALL NODEJS
The latest version of Node.js can be downloaded and installed from the official website below. Currently, 10.10.0 is the stable release and you can also choose the latest version if you are interested.
2. INSTALL GIT
We need a terminal to go forward in this tutorial. Windows have Command Prompt and Powershell as default terminal but it feels a little bit uncomfortable. So I personally recommend git bash in place of Command Prompt. Git can be installed using the below link.
Just install the exe file. I am not explaining the steps because you can execute the commands on Command Prompt also.
So after successful installation of Git, right click on the desktop and select Git Bash Here. This will open up a terminal and from now on, you can execute all the commands in the below steps within Git Bash. But first Chain Direct to the home directory using the below command.
3.INSTALL ANGULAR CLI
Angular CLI helps us to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.
It can be simply installed using npm.
npm install -g @angular/cli
4. CREATE A NEW ANGULAR PROJECT
Now we need to set up a workspace for Angular projects in our system and create a new app.
ng new awesome-project
5. CHOOSING THE CODE EDITOR
You can choose your own favorite code editor for editing your project. But in my case, I choose the Visual studio Code(VS code). Using the below link, you can download and install VS code for Windows.
6. DIRECTING TO YOUR PROJECT FOLDER AND EDITING
Open your new project on VS code using the below command.
cd awesome-project code .
7. RUNNING YOUR APPLICATION
The app you created can be run using the command below.
ng serve --open
This opens up a new tab on your browser with the URL below.
Note: If you are installing Angular 7 on Ubuntu based systems, take a look at the below link.