1.安装ionic cli
//Windows
npm install -g ionic@latest
//mac
sudo npm install -g ionic@latest
2.创建项目
创建ionic2的项目 默认是创建ionic2项目（
--type=ionic-angular）可以不写类型
ionic start myNewProject
创建ionic1的项目
ionic start myApp --type=ionic1
3.自动生成器
ionic generator使我们可以自动创建以下几部份：component directive page pipe provider tabs
-
命令
ionic generate [<type>] [<name>]
-
必选参数
| 输入 | 描述 |
|---|---|
| type | 该类型生成文件类型（例如component，directive，page，pipe，provider，tabs） |
| name | 正在生成的组件的名称 |
-
可选参数
| 选项 | 描述 |
|---|---|
| --no-module | 不要为组件生成NgModule |
| --constants | 为惰性页面生成页面常量文件 |
# 创建页面
ionic g page login
# 创建组件
ionic g component myComponent
# 创建指令
ionic g directive myDirective
# 创建服务
ionic g provider userService
# 创建通道
ionic g pipe myPipe
- 生成的项目目录结构
目录结构
4.启动项目
ionic serve
网友评论