Ionic 3 - Generación de nuevas páginas con Ionic CLI

Una tarea común cuando se trabaja en una aplicación móvil es agregar nuevas páginas o vistas a su aplicación. En Ionic Framework 1 , esto incluía agregar un archivo de plantilla HTML, un archivo JavaScript para el controlador Angular y algún código CSS o SASS en un nuevo archivo SASS o en el archivo CSS de aplicaciones.

En Ionic 2 el equipo Ionic ha añadido una nueva característica muy agradable a la CLI Ionic. El comando de generación iónica . Te permite subir nuevos archivos y directorios en tu aplicación desde la línea de comandos. Así que para agregar una nueva página, solo corre

$ ionic generan página MyNewPage

Se agregan estos archivos al proyecto:


app\pages\my-new-page\my-new-page.html
app\pages\my-new-page\my-new-page.js
app\pages\my-new-page\my-new-page.scss



The scaffolded files have the following content:


my-new-page.html

<ion-navbar *navbar>
 <ion-title>my-new-page</ion-title>
</ion-navbar>
<ion-content padding class=”my-new-page”>
 
</ion-content>


my-new-page.js

import {Page, NavController} from ‘ionic/ionic’;

@Page({
 templateUrl: ‘build/pages/my-new-page/my-new-page.html’,
})
export class MyNewPage {
 constructor(nav: NavController) {
 this.nav = nav;
 }
}


my-new-page.scss

.my-new-page {

}






Por lo tanto, desde aquí se puede ir a al uso de la nueva página en su aplicación. Por ejemplo, puede comenzar navegando con el enrutador Ionic 3.
import {Page, NavController} from 'ionic/ionic';
import {MyNewPage} from '../my-new-page/my-new-page';
...
export class AnotherPage {
 constructor(nav: NavController) {
  this.nav = nav;
 }
 navigate() {
  this.nav.push(MyNewPage);
 }
}

ademas puedes usar generate y agregar estos tipos:

component
directive
pipe
provider
tabs



leer 

https://www.ion-book.com/blog/tips/ionic-generator/
http://www.9lessons.info/2017/06/ionic3-angular4-create-welcome-page.html