Ionic简单开始

现在你已经安装了Ionic和它的依赖项,你可以建立你的第一个应用程序!本部分将引导您完成启动新应用程序,添加页面,在这些页面之间导航等操作的过程。
让我们开始吧!

Ionic使用TypeScript作为代码。

使用以下命令创建一个新的Ionic应用程序,开始一个新的应用程序很容易!

$ ionic start MyIonicProject tutorial
/**
start  会告诉CLI创建一个新的应用程序。

MyIonicProject 将是您的项目中的目录名称和应用程序名称。

tutorial 将作为您的项目的起始模板。
*/

在创建项目的同时也将为应用程序安装npm模块并准备好cordova。

如果教程模板不是您想要使用的,Ionic还有其他几个模板可用:

tabs  :一个简单的3选项卡布局

sidemenu:侧面有可滑动菜单的布局

blank 一个单独的启动器

super:启动项目超过14个可以使用的页面设计

tutorial:一个引导启动项目

如果不指定模板,像这样

ionic start MyIonicProject

则将使用 tab 模板

在浏览器中查看应用程序

现在,您可以 cd 进入创建的文件夹。要在浏览器中快速预览应用程序,请使用serve命令。

$ cd MyIonicProject/$ ionic serve

Paste_Image.png

如果一切都安装成功,你应该会看到上面显示的欢迎信息。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值