Ionic 入门与实战之第一章：Ionic 介绍与相关学习资源

原文发表于我的技术博客
本文是「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/