https://angular.io/start

https://material.angular.io/

https://material.angular.io/guide/schematics

https://capacitorjs.com/

ng new AngularMaterial --routing --style=scss

cd .\AngularMaterial\

ng add @angular/material
- Would you like to proceed? (Y/n)yes

> Purple/Green       [ Preview: https://material.angular.io?theme=purple-green ]

 Set up global Angular Material typography styles? Yes

Include the Angular animations module? yes

 ng serve -o

ng g @angular/material:navigation app-navigation

<app-app-navigation></app-app-navigation>

ng g component about

ng g @angular/material:dashboard panel

const routes: Routes = [
  {
    path: '',
    children: [
      {
        path: '',
        component: PanelComponent
      },
      {
        path: 'about',
        component: AboutComponent
      },
      {
        path: '404',
        component: ErrorComponent
      },
      {
        path: '**',
        redirectTo: '404',
      }
    ]
  }
];

  <router-outlet></router-outlet>

ng build

 npm install @capacitor/cli --save-dev
 npx cap init

npm install @capacitor/ios @capacitor/android
npx cap add android
npx cap add ios

const config: CapacitorConfig = {
❗❗donde esta el dist:
 ❌ webDir: 'dist',
 
};
const config: CapacitorConfig = {
❗❗donde esta el dist PONER el nombre del proyecto como vien en el dist:
 ✔ webDir: 'dist/angular-material',
};

 npx cap sync
 ng build && npx cap copy

npm uninstall -g @capacitor/cli
npm install -g @capacitor/cli
npx cap remove android
(si no puedes quitarla del archivo)
npx cap add android
npx cap open android