原文发表于我的技术博客
本文是「Ionic 入门与实战」系列连载的第一章,主要对 Ionic 的概念、发展历程、适配的移动平台等知识进行了介绍,并分享了 Ionic 相关的学习资源。
原文发表于我的技术博客
1. Ionic 简介
在前端技术发展越来越快的今天,Hybrid App 开发技术也受到了很大的影响。Ionic 在 2013 年发布第一个版本,目前已经发布到了 2.0 Beta 6 (2016/04/25),是一个比较成熟,也是发展比较快的一个 Hybrid App 开发框架。
1.1 Ionic 的正确发音
这里先给出 Ionic 的正确读音。
UK /aɪˈɒn.ɪk/
US /aɪˈɑː.nɪk/
1.2 Ionic 使用到的技术点
Ionic 以 AngularJS 和 Apache Cordova 为基础,使用 Node.js 进行模块管理,只使用 HTML5、CSS(Sass) 和 JavaScript 技术进行 App 开发。所以如果有相关知识的开发经验,如网站开发,那么学习起来是非常的快速的。具体的知识点在后续的章节会陆续介绍学习。
2. Ionic 支持的平台
在 Ionic 1.0 的版本中,支持的平台为 Android (Android 4.1+) 和 iOS (iOS 7+)。在刚发布的 Ionic 2.0 版本中,添加了对通用 Windows 平台的支持,所以也就对 Windows Phone 有了支持。同时也支持 BlackBerry 10 App。
2.1 开发环境
需要下列几个开发环境即可,具体的安装步骤在后续的章节中将有详细的讲解。
- 不管 Windows 环境或者 Mac 环境,都需要 Node.js。
- 代码编辑器,如 Sublime、Atom 等即可。
- 开发 iOS,需要 Mac 系统,安装 Xcode 即可,上架应用需要开发者证书。
- 开发 Android,需要 Android 开发 IDE,推荐 Android Studio,模拟器推荐 Genymotion 或者真机也可。
- 其他平台准备对应的环境即可。
3. 相关资料站点
- Ionic 官网: http://ionicframework.com/
- Ionic IO: http://ionic.io/
- Ionic GitHub: https://github.com/driftyco/ionic
- Ionic 中国: http://ionichina.com/
- Ionic Icons: http://ionicons.com/
- ngCordova 插件: http://ngcordova.com/