Installation of Angular 8
Installation Guides to Angular 8 step by Step
Angular combines declarative templates, dependency injection and, end to end tooling to solve development challenges. Angular empowers developers to build an application that lives on the mobile, web, and the desktop. The current version of Angular is 7.2.13, and we are going to explain the steps of installation in Windows 10 operating system.
To install Angular 8, we require the following things:
- Windows 10
- Node.js (12.6.0)
- NPM
- Angular CLI(Command Line Interface)
- An IDE for writing our code(VS code)
- Git
After installing these in our system, we have to know what these things are:
Node.js: Node.js is open-source, cross-platform JavaScript runtime environment that executes JavaScript code outside a browser. And it is developed by Ryan Dahl wrote in C, C++, and JavaScript. It is free to use and run on various platforms (Windows, Linux, UNIX, Mac, etc. It can generate dynamic page content and can add, delete, and modify data in the database. Node.js file have extension ".js".
NPM: NPM is a package manager in node.js packages. www.npmjs.com hosts millions of free packages to download and use. The NPM program is installed in our computer when we install node.js. A package in node.js contains the entire package we need for a module. Downloading a package is very compatible. Open the command-line interface and say NPM to download the packages which we want. If we want to download a package called "upper-case":
C:\Users\e>npm install upper-case
Angular CLI: Angular CLI is known as Angular Command-line interface. An Angular CLI is used for creating a project. It can be used to create content, services, pipes, directives, and many more; also, it helps in building, serving, testing, etc. It makes Angular Development workflow much easier and faster.
IDE (Visual Studio): Microsoft Visual Studio is an integrated development environment developed by Microsoft and it is written in C++ and C#. It is used to create computer programs, as well as websites, web apps, and mobile applications. The visual studio uses Microsoft Software Development platforms such as Windows API, Windows Forms, Windows Presentation Foundation, Windows Store, and Microsoft Silver light. It has produced both native codes and managed code.
VS code is light and easy to set up. It is free to use and provide a massive number of extensions that increase your productivity.
We can download the VS Code from here: https://code.visualstudio.com.
Git: Git is a distributed version control system used for tracking changes in source code during software development. It is designed for spreading work among programmers. But it is used to track any set of change in files. Linus Torvalds created it in 2005 for developing the Linux kernel. Git is free and open-source software distribution system under the term of the GNU(General Public License) version 2.
1. Install Node.js:Firstly, we need to install node.js in our system then NPM will be connected with node.js. So, the latest version of node.js could be downloaded and installed from the official website. Currently, 12.4.0 is the trending version of node.js. The URL is given below:
After opening the link, this page has appeared. We can choose the second one for latest version of node and npm.
After downloading, we have to install the node.js in our system. The steps are as follows:
Click on "Run."
Click "Next."
Click "Next."
Again click "Next."
Click on "Install."
The node.js is successfully installed in our system.
Installation of Git
Firstly, we have to open the official website of Git:
Click on “Run."
Click on “Next."
In the above screenshot, the Git is successfully installed in our system.
After that, we have to install AngularCLI in our system so that we have to open the official website of angular form the URL:
We can check the current version of Node and Node package manager (Npm) from the following command.
Node –v Npm -v
Right-click on the desktop and click on "Git Bash Here” then a command-line interface will open in the desktop.
Here, the “GIT BASH” is opened in our system,and thenwrite the commands.
And then we have to download the Angular CLI with the help of command-line in Git. Write this command in Git Bash.
npm install –g @angular/cli or npmi –g @angular/cli
To install the Angular CLI, We have to write the following command in Git.
npm install –g @angular/cli
It will successfully installed in our system according to the followingscreenshot.
Our Angular 8 set-up is complete now.
In the next tutorial, we understand how to create our first app with the help of VS code.