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:


node -v


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

npm -v

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:


npm install -g @angular/cli

Once it is installed, you can create a new app by running the following commands:


ng new my-new-app
cd my-new-app
ng serve


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.

Angular 7 Environment Setup Angular 7 Environment Setup Reviewed by Borad Akash on January 02, 2019 Rating: 5

No comments:

Powered by Blogger.