Ionic移动app开发：使用CLI命令添加页面

Ionic是以CLI为开发工具的hyrd app开发框架，在整合开发过程中CLI随处可见，现在使用CLI进行页面的创建

注意
确保安装以下环境

• Node 6 LTS
• NPM 3+

1.安装 ionic

npm install -g ionic@latest

2.创建新的项目

ionic start zmApp

3.启动项目

ionic serve

4.添加新的页面

ionic generate type Name –options

• type 类型 eg. component directive page pipe provider tabs
• name 名称
• options
  –no-module 不产生Ng module组件
  –constants 创建一个lazy-loaded page文件

ionic 2.0 新增页面文件
├── contact.html 页面html结构
├── contact.scss sass style
└── contact.ts TypeScript 代码

inonic 3.0 新增页面文件
.
├── contact.html
├── contact.module.ts
├── contact.scss
└── contact.ts

5.修改页面引用相关内容

6.新增Tab选项

• tabs.ts文件

-tabs.html

7.效果

此外，在CLI新增页面后，需要Ctr+C，然后重新运行才能生效