Angular 7 – Project Setup with Material Design

Hi Folks,

Let’s have a quick look at how to setup a Angular 7 project structure with Google Material design.

Go to the command prompt or Powershell

  1. execute the below command to install angular 7
npm install -g '@angular/cli'

2.  after this install following packages

npm install --save @angular/material @angular/cdk @angular/animations

3. Create a new project

ng new <app-name>

4. Change directory to your <app-name> and execute below commands

ng add @angular/cdk
ng add @angular/material

Note:  If you face any issues and need to uninstall  angular , use below commands

npm uninstall -g @angular/cli
npm cache verify

Done.

 

 

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s