美文网首页
Ionic简单开始

Ionic简单开始

作者: 牛马风情 | 来源:发表于2017-05-08 14:49 被阅读0次

现在你已经安装了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

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

相关文章

网友评论

      本文标题:Ionic简单开始

      本文链接:https://www.haomeiwen.com/subject/ofwmtxtx.html