命令

    1. ionic -help(查看帮助)
    2. ionic -v(查看版本)
    3. ionic start myionictest blank(空项目)
    4. ionic start myionictest tabs(带导航条)
    5. ionic start myionictest sidemenu(带侧滑菜单)
    6. ionic g page login(添加页面)
    7. ionic g provider BaseService(添加服务端口)
    8. ionic platform add android(添加android平台)
    9. ionic platform remove android(移除android平台)
    10. ionic build android(编译项目apk
    11. ionic emulate android(运行项目apk手机连接在手机运行模拟器连接在模拟器运行)
    12. ionic run android (相当于build + emulate
    13. ionic serve(开启服务调试)
    14. ionic cordova build android prod 加开App启动速度
    15. ionic g page YourPageName //创建新页面
    16. ionic g directive YourPageName //创建指令
    17. ionic g component YourComponentName //创建组件
    18. ionic g provider YourProviderName //创建服务
    19. ionic g pipe YourPipeName //创建过滤器

    创建自定义公共模块

    1. ionic g module module/slide
    2. ionic g component module/slide

    公共模块slide.module.ts中暴露对应的组件

    1. import { NgModule } from '@angular/core';
    2. import { CommonModule } from '@angular/common';
    3. import { SlideComponent } from './slide.component';
    4. @NgModule({
    5. declarations: [SlideComponent],
    6. imports: [
    7. CommonModule
    8. ],
    9. exports:[SlideComponent]
    10. })
    11. export class SlideModule { }

    用到的地方引入自定义模块,并依赖注入自定义模块

    1. import { SlideModule } from '../module/slide/slide.module';
    2. @NgModule({
    3. imports: [
    4. CommonModule,
    5. FormsModule,
    6. IonicModule,
    7. SlideModule,
    8. RouterModule.forChild(routes)
    9. ],
    10. declarations: [Tab4Page]
    11. })

    使用自定义模块

    1. <app-slide></app-slide>