前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ionic cli的使用教程

ionic cli的使用教程

作者头像
用户1437675
发布2018-08-20 11:15:04
1.6K0
发布2018-08-20 11:15:04
举报
文章被收录于专栏:Angular&服务

1.安装ionic cli

代码语言:javascript
复制
//Windows
npm install -g ionic@latest

//mac
sudo npm install -g ionic@latest

2.创建项目

创建ionic2的项目 默认是创建ionic2项目(--type=ionic-angular )可以不写类型

代码语言:javascript
复制
ionic start myNewProject

创建ionic1的项目

代码语言:javascript
复制
ionic start myApp --type=ionic1

3.自动生成器

ionic generator使我们可以自动创建以下几部份:component directive page pipe provider tabs

  • 命令
代码语言:javascript
复制
ionic generate [<type>] [<name>]
  • 必选参数

输入

描述

type

该类型生成文件类型(例如component,directive,page,pipe,provider,tabs)

name

正在生成的组件的名称

  • 可选参数

选项

描述

--no-module

不要为组件生成NgModule

--constants

为惰性页面生成页面常量文件

代码语言:javascript
复制
# 创建页面

ionic g page login

# 创建组件

ionic g component myComponent

# 创建指令

ionic g directive myDirective 

# 创建服务

ionic g provider userService 

# 创建通道

ionic g pipe myPipe 
  • 生成的项目目录结构

目录结构

4.启动项目

代码语言:javascript
复制
ionic  serve
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.10.13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.安装ionic cli
  • 2.创建项目
  • 3.自动生成器
  • 4.启动项目
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档