Search docs/

ionic generate

Create Pages, Components, & Angular Features

ionic generate <type> <name> [options]

Automatically create framework features with Ionic Generate. This command uses the Angular CLI to generate features such as pages, components, directives, services, and more.

  • For a full list of available types, use npx ng g --help
  • For a list of options for a types, use npx ng g <type> --help

You can specify a path to nest your feature within any number of subdirectories. For example, specify a name of "pages/New Page" to generate page files at src/app/pages/new-page/.

To test a generator before file modifications are made, use the --dry-run option.


ionic generate ionic generate pageionic generate page contactionic generate component contact/formionic generate component login-form --change-detection=OnPushionic generate directive ripple --skip-importionic generate service api/user




The type of feature (e.g. page, component, directive, service)



The name/path of the feature being generated