ng new my-app

ng serve -o

ng g c home
// ng g c todos
// ng g c products
// ng g c employees
ng g c about
ng g c register
ng g c login 

ng g c layout/header
ng g c layout/footer

// --module=app	=> Tells ng generate to register it in the imports array of the AppModule.
// --flat => Puts the file in src/app instead of its own directory
//   
ng g m xxx/xxx --module=app --flat --routing
 

// For example: 
ng generate module posts/posts --module app --flat --routing

// Then
ng g c posts/post-detail
ng g c posts/post-list
ng g c posts/add-post
ng g c posts/edit-post

// Then,
 ng generate interface posts/post
 
// Then, create
ng generate service posts/post

// Then create inside the posts folder
post.model.ts



ng g s services/authentication --skip-tests


ng generate interface users/user --skip-tests 

ng g c users/user-profile --skip-tests 

$ ng g c components/confirmation-dialog/confirmation-dialog --module=app --flat 
$ ng g i components/confirmation-dialog/confirmation-dialog 
$ ng g s components/confirmation-dialog/confirmation-dialog   

ng g m angular-components/angular-components --module app --flat --routing
ng g c angular-components/index

//---------------------
ng g c --standalone components/counter
ng g c --standalone components/view-child


@NgModule({
  ... 
  imports: [CounterComponent],  // <----------------- Using standalone components in NgModule-based applications
})
//--------------------- 

ng g c --standalone components/alert
ng g s components/alert

@NgModule({
  ... 
  imports: [AlertComponent],  // <----------------- Using standalone components in NgModule-based applications
})