angular: estructura proyecto

import { Component } from '@angular/core‘;

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})

export class AppComponent {
    nombre = 'Peter';
    apellido = 'Parker';
}

<h1>Hola mundo</h1>
<ul>
    <li>Nombre: {{nombre}}</li>
    <li>Apellido: {{apellido}}</li>
</ul>