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,然后重新运行才能生效