src/


    app/


    assets/


    environments/


    global.scss

    index.html

    karma.conf.js

    main.ts

    polyfills.ts

    test.ts

    tsconfig.app.json

    tsconfig.spec.json


    The src/ directory has items such as the index.html file, configuration files for tests, an asset folder for images, and the main app/ directory for the app's code.


    src/


    app/


    app-routing.module.ts

    app.component.html

    app.component.spec.ts

    app.component.ts

    app.module.ts



    The directory contains the root app component and module as well as additional directories that contain app features such as pages, components, services, etc.

    Generating New Features

    ionic generate?What would you like to generate?❯ page component service module class directive guard
    After a selection is made, the Ionic CLI will prompt for a name. The name can be a path, allowing easy generation of features within an organized project structure.

    ionic generate?What would you like to generate? page?Name/path of page: portfolio █
    Alternatively, the type and name of the generated feature can be entered on the command line:

    ionic g page "User Detail" > ng generate page "User Detail"CREATE src/app/user-detail/user-detail.module.ts (564 bytes) CREATE src/app/user-detail/user-detail.page.scss (0 bytes) CREATE src/app/user-detail/user-detail.page.html (138 bytes) CREATE src/app/user-detail/user-detail.page.spec.ts (720 bytes) CREATE src/app/user-detail/user-detail.page.ts (280 bytes) UPDATE src/app/app-routing.module.ts (475 bytes) [OK] Generated page!
    The Ionic CLI uses the underlying framework tooling to stay close to best practices. For @ionic/angular, the Angular CLI is used under the hood.

    For more details, run from the command line or see for ionic generate.