Setup Angular 7 local development

How to Setup Angular 7 local development environment?

How to Setup for local development?

Before you start Angular 7, make sure your development environment includes following.
1.      Node.js® and
2.      npm package manager

Node.js -
For Angular 7,  requires Node.js version 8.x or 10.x.
Firstly check your Node.js version, run the below commands in your console window -
            > node -v
For installing Node.js, go to nodejs.org

NPM Package Manager -

For Quick Start uses the npm client command line interface, go to https://docs.npmjs.com/cli/install

Step 1 - Install the Angular CLI
            > npm install -g @angular/cli

Step 2- Create a Angular application by using CLI command
            > ng new demoApp
Here demoApp is my application name.

Step 3 - Serve the application
            > cd demoApp
            > ng serve --open

The Result looks like -


Example looks like -
 import { Component } from '@angular/core';

 @Component({
      selector: 'my-demoApp',
      template: `<h1>Welcome to my first {{name}}</h1>`
  })
  export class AppComponent { name = 'Angular 7 App!'; }

ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

How to Setup Angular 7 local development environment? How to Setup Angular 7 local development environment? Reviewed by Anil Singh on 4:09 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^