Angular 7 Environment Setup

Angular 7 Environment Setup

Angular 7 Environment Setup

In this article, we’ll look how to setup an environment for Angular 7.

Prerequisite

  1. Node.js and Npm
  2. Angular CLI
  3. Text Editor(IDE)

1) Node.js and Npm

Node.js and  Npm are essentials for modern web development with Angular and other platforms.
Node.js is useful for client development and build tools.
Npm package manager is required to install the javascript libraries.
You need to install it if it is not already installed in your machine.
To check if Node.js is installed or not, you can run the below command:
<br />node -v<br />

and to check if Npm is installed or not, you can run the below command:

<br />npm -v<br />

Make sure you’ve installed Node.js v8.x or higher and npm 5.x or higher by running the above commands.

If the above command doesn’t print anything on console, that means it is not installed on your system.

To install Node.js,

You can visit the official website of Node.js from here: https://nodejs.org/en/download/

It will look as follows:

Nodejs HomePage | Angular 7 Environment Setup

You can install the required package based on Operating System.

2) Angular CLI

Angular CLI is command line interface to build the angular Application.
To install the Angular CLI you can follow the steps from the official website: https://cli.angular.io
It will looks as follows:
Angular CLI Home Page | Angular 7 Environment Setup
To install the angular CLI, run the following command:
<br />npm install -g @angular/cli<br />
Once it is installed, you can create a new app by running the following commands:
<br />ng new my-new-app<br />cd my-new-app<br />ng serve<br />

3) Text Editor IDE

To develop any angular application, we need IDE.
An IDE is a software application that provides comprehensive facilities to computer programmers for software development. An IDE normally consists of a source code editor, build automation tools, and a debugger. Most modern IDEs have intelligent code completion.
I would prefer to use VSCode to build an angular application.
You can download VSCode from here: https://code.visualstudio.com/
It will look as follows:
VSCode install | Angular 7 Environment Setup

Once it is installed you can open the project(my-new-app) and start working on it.

That’s it! Angular App is created successfully.

If you like this article, share it with you friends.

Leave a Comment