Ionic开发入门教程_3

时间:2022-10-18 03:26:43

创建Ionic应用

今天继续来翻译一篇,平时时间不多,只能零碎着来~

原文链接:http://ccoenraets.github.io/ionic-tutorial/create-ionic-application.html

Ionic开发入门教程_3

第三章 创建一个Ionic应用

在本章,你将适用Ionic CLI(命令行接口),来创建一个基于SideMenu启动App的新应用。

步骤

1,打开一个新的命令行窗口,然后导航到Ionic-tutorial目录下

2,使用Ionic CLI,创建一个名称为conference 的基于sidemenu启动App的新应用

ionic start conference sidemenu

3,导航到conference文件夹

cd conference

4,使用ionic serve命令,启动服务

ionic serve

注意:因为跨域策略的存在 (特别当加载模板时),所以您必须从服务器 (使用 http 协议而不是文件协议) 加载应用程序。ionic serve是个轻量级的本地 web 服务器并且可以实时重新加载。

5,在当前应用中,打开侧边菜单(左上角的图标),选择”Playlists”。在列表中选择一个playlist来查看细节(这时候还看不到更多数据)
Ionic开发入门教程_3

在下一章中,你将会使用在上一章中创建的REST服务来获取会议数据替换现有的playlists列表。

6,再次打开侧边菜单,选择Login。点击Login按钮来关闭当前窗口(Login在基础App中没有实现)。
Ionic开发入门教程_3
在本教程的最后一章中,你将会使用Facebook来实现它。