现在你已经安装了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
如果一切都安装成功,你应该会看到上面显示的欢迎信息。