Back to Posts

1st February, 2024

Angular CLI Commands

Adding a new root module

  1. Run the following command:
ng g module modules/[name] --module=app --routing=true --project=[project]
  1. Update app-routing.module.ts with a new route
  {
    path: '[name]',
    loadChildren: () => import('./[name]/[name].module').then((m) => m.[Name]Module),
  },

Adding a new feature to a module

ng g module modules/[module]/features/[name] --module=[module] --routing=true --route=[name] --project=[project]

Adding a component

Smart component

ng g module modules/[module]/features/[feature]/[feature]-[name] --project=[project]
ng g component modules/[module]/features/[feature]/[feature]-[name] --project=[project]

Dumb component

ng g module modules/[module]/components/[name] --project=[project]
ng g component modules/[module]/components/[name] --project=[project]