Getting Started With Angular 5 Using Visual Studio Code

• cd AngularDemo
• code .

This will open the code file of our application in a new VS Code window. You can see the following file structure in Solution Explorer.

Displaying our custom message on Webpage

Now, we need to change the message on the web page from “Welcome to app!” to “Welcome to the world of Angular 5!”

To achieve this, open /src/app/app.component.ts file.

Change the value of title property in AppComponent class to ” the world of Angular 5″.

import {  
    Component  
} from '@angular/core';  
@Component({  
    selector: 'app-root',  
    templateUrl: './app.component.html',  
    styleUrls: ['./app.component.css']  
})  
export class AppComponent {  
    title = 'the world of Angular 5';  
}

Just save the file and navigate to http://localhost:4200 (remember that the web server is still running). You can see the updated web page as shown below.