一、创建页面
ionic generate page 路径
或者
ionic g page 路径
在命令的后面添加参数--routing，会自动生成文件名-routing.module.ts文件
二、页面设计
- ion-header：标题组件是包含工具栏组件的父级组件。注意：ion-header必须是页面的三个根元素之一（ion-content，ion-footer）。
- ion-toolbar：工具栏组件
- ion-buttons：按钮组组件，用于存放1个或者多个按钮。
- ion-button：按钮组件
- ion-content：内容组件提供了易于使用的内容区域。
- ion-slides：幻灯片（轮播、旋转木马）组件是个多节容器。每个部分都可以在其间滑动或拖动。它包含任意数量的Slide组件。
- ion-slide：滑动组件是Slides的子组件。任何幻灯片内容都应该写在此组件中，并且应该与幻灯片一起使用。
- slot属性用于设置子元素的位置。
- detail属性，在item的右边显示一个向右的箭头图标。
- ion-note是一种文本元素，通常用于副标题提供更多的信息。ion-note样式默认显示灰色。
- ion-list元素添加inset属性，值设置为true，列表周围就会有边距和圆角。
- ion-align-items-stretch表示所有列都将被拉伸以占据行的整个高度，类似于在样式中添加了align-items: stretch。left是随便加的一个属性，用于css中的属性选择器。
三、创建模块
ionic g module 模块名
命令执行后，会创建模块名.module.ts文件。
四、创建服务
ionic g service 服务名
以上命令会创建服务名.service.ts
五、创建守卫
ionic g guard 守卫名
六、创建指令名
ionic g directive 指令名
七、创建接口
ionic g interface 接口名
八、创建类
ionic g class 类名