In this Angular setup article, we’ll look how to setup an environment for Angular 7.
- Node.js and Npm
- Angular CLI
- 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.
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:
and to check if Npm is installed or not, you can run the below command:
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/
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
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/
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.
Also Read :
- Angular Percent Pipe Example
- Angular Decimal Pipe Example
- Angular Slice Pipe Example
- Angular Date Pipe Example
- Custom Validators in Angular
- Getting Started With Angular Reactive Forms
- Angular Reactive Forms With Built In Validators Example
- Match Password Validation in Angular Reactive Forms