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

2017-06-20 687

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

作者：Parry
出处：http://www.cnblogs.com/parry/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

微信关注我们

原文链接：https://yq.aliyun.com/articles/626688

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

React Native 教程：001 - 如何运行官方控件示例 App

原文发表于我的技术博客本文主要讲解了如何运行 React Native 官方控件示例 App，包含了一些 React Native 的基础知识以及相关环境的配置。原文发表于我的技术博客 React Native 以及示例 App 简介关于 React Native 的简要介绍。 {% blockquote http://facebook.github.io/react-native/ %} React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。 React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应用程序产品中使用了 React Native，并将...

2017-06-21

656

原文发表于我的技术博客本文是「Ionic 入门与实战」系列连载的第二章第一节，主要对 Ionic 的开发环境配置做了简要的介绍，本文介绍的开发环境为 Mac 系统，Windows 系统基本类似，少许差别请查阅相关文档即可。原文发表于我的技术博客 1. Ionic 环境的安装 1.1 Node.js 与 npm 介绍 Node.js 与 npm 是 Ionic 环境的基础，这里我们做一下简要介绍。Node.js 是基于 Chrome's V8 JavaScript engine 构建的一个JavaScript runtime （一般翻译为 JavaScript 运行时），特点是事件驱动、非阻塞等。npm 是 Node.js 中的 JavaScript 包管理。目前已经是最大的开源组件库，使用起来非常方便，也非常值得学习。以上两个组件，只需要安装 Node.js 即可。 Mac 系统中，下载 pkg 安装； Windows 系统中，下载对应的 msi 安装，注意 32 位和 64 位版本的区别。下载地址：https://nodejs.org/en/download/ 安装后，可以通过...

2017-06-21

535

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。