Ionic基础——介绍及开发准备

写在前面:

Nyan!大家好!我是RexminCat,在这篇博文中,我会大概介绍一下Ionic是个什么东西,他能干什么,他的优点与缺点,以及如何开始使用!

Ionic 介绍:

ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题,它直接放弃了IOS6和Android4.1以下的版本支持,来获取更好的使用体验。(摘自‘菜鸟教程’)

Ionic作为一种webapp的开发框架,我曾经用他开发过一个关于消防设备监控与操作的移动应用端,其中涉及到定位,二维码扫描,调用手机摄像头,相册,上传图片,下载图片,下载最新版本(版本更新),推送(使用了极光推送)。虽然都能实现,而且实现起来很方便,使用的都是官方的插件。github上都有对应的文档与教程。当初做项目之前,没涉及到那么多功能,但是做项目就是这样,你懂的,到了后期,业务变得十分繁杂,甚至需要在移动端实现类似标准化答题的业务。这个时候,就开始显示出ionic的皮软了,ionic也有许多坑,比如上拉加载更多,左侧菜单,以及需要实时数据自动刷新等等,有许多许多的坑。。。

所以个人觉得,如果你需要做的东西,业务很繁杂的话,最好用原生开发,就不要考虑webapp了,切记。

当然,如果你要做的东西业务只要不是非常复杂,都可以用它来进行开发,而且效果近乎原生。最重要的一点就是跨平台,一次开发,多个平台,也就是说,你开发好的运用,在android和ios平台上都可以直接使用。

ionic 特点:

  • 1.ionic 基于Angular语法,简单易学。
  • 2.ionic 是一个轻量级框架。
  • 3.ionic 完美的融合下一代移动框架,支持 Angularjs 的特性, MVC ,代码易维护。
  • 4.ionic 提供了漂亮的设计,通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。
  • 5.ionic 专注原生,让你看不出混合应用和原生的区别
  • 6.ionic 提供了强大的命令行工具。
  • 7.ionic 性能优越,运行速度快。
  • (摘自‘菜鸟教程’)

ionic安装:

打开控制台,

Window 和 Linux 执行:

  $ npm install -g cordova ionic

Mac执行:

  sudo npm install -g cordova ionic

创建ionic运用:

打开控制台,进入到需要创建项目的目录,输入:

  ionic start IonicApp tabs

(此命令创建的是ionic官方提供的现成的应用程序模板,也可以创建空白模板)

添加平台:

进入到创建好的ionic项目

  cd IonicApp

添加android平台

  ionic platform add android

添加ios平台

  ionic platform add ios

编译:

  ionic build android

  ionic build ios

所谓编译,就是当你改变了里面的内容,或者添加删除了其中的插件,那么,你就可以使用此命令来进行重新编译生成新的运用。

编译成功以后,你就可以在‘IonicApp/platforms/android/build/outputs/apk/’目录下看到已经生成apk文件,安卓手机可以直接安卓运行。

至此,一个基本的ionic运用就已经完成了,可能比较简略,其中有许多可能遇到的问题与坑都没有提到,包括安卓的环境配置,ios的环境配置,也有许多坑,在之后的文章里统一整合。此文章供正在学习ionic的同学参考,让我们一起探索其中的坑,沟通努力吧,感谢支持!

时间: 2024-10-15 00:25:14

Ionic基础——介绍及开发准备的相关文章

SaltStack介绍——SaltStack是一种新的基础设施管理方法开发软件,简单易部署,可伸缩的足以管理成千上万的服务器,和足够快的速度控制,与他们交流

SaltStack介绍和架构解析 简介 SaltStack是一种新的基础设施管理方法开发软件,简单易部署,可伸缩的足以管理成千上万的服务器,和足够快的速度控制,与他们交流,以毫秒为单位.SaltStack提供了一个动态基础设施通信总线用于编排,远程执行.配置管理等等.SaltStack项目于2011年启动,年增长速度较快,五年期固定基础设施编制和配置管理的开源项目.SaltStack社区致力于保持盐项目集中.友好.健康.开放.  简单来说它的两大基础功能就是:配置管理.远程命令执行.剩下就是根据

c语言学习基础:[1]开发工具介绍

标签:c语言 1 2 3 4 分步阅读 学习编程语言的童鞋们一开始接触到的最多的估计就是C语言了,其次才是什么java.c++等,可以说学习c语言是我们走向编程世界的一座桥梁,学好它,对于我们学习和研究计算机有着至关重要的作用,同时也是我们开发各类计算机应用软件.开发游戏等必要的前提条件.本小节主要向大家介绍一下开发C语言的工具,让大家如何从基础开始学习. 工具/原料 计算机 开发工具 方法/步骤 开发C语言,有很多开发工具,其中比较老一点的就是VC6.0,现在的大学计算机二级等级考试依然用的是

我的VSTO之路(四):深入介绍Word开发

原文:我的VSTO之路(四):深入介绍Word开发 在上一篇文章中,我介绍了Word的对象模型和一些基本开发技巧.为了更好的介绍Word插件开发,我为本文制作了一个Word书签的增强版,具体功能是让用户在Word中选择一段文本,为它添加书签并其标志为高亮,同时用户可以为这段书签写注释,以后当用户点击这个书签时,我就会显示注释.以下是我录制的视频介绍: 这个插件将包括以下几个技术点: 添加右键菜单 添加右键菜单.控制右键菜单显示 WindowBeforeRightClick 事件 删除右键菜单 修

BEGINNING SHAREPOINT® 2013 DEVELOPMENT 第1章节--SharePoint 2013 介绍 处理开发人员需求

BEGINNING SHAREPOINT? 2013 DEVELOPMENT 第1章节--SharePoint 2013 介绍 处理开发人员需求 SharePoint本质上是一个平台.你必须理解哪些平台功能,才知道SharePoint如何能帮助你(开发人员).当你探索并了解组成此平台的功能范围时,你会看到一些有趣而引人的机会出现在开发人员面前. 我们看一个实际例子.如你所知,一个业务生产平台意味着终端用户可以是他们更加协同,并在日常工作生活中更多产--SharePoint当然能够做到.它可以立刻

【转】零基础学习iOS开发【2015-09-06 23:03】

原文链接:http://www.cnblogs.com/mjios/archive/2013/04/27/3046049.html#label5 本文目录 一.程序设计语言 二.是否需要计算机专业知识 三.是否要英文很好 四.开发工具 五.开发环境 六.Mac OS X的获取途径 七.调试设备 八.开发者证书 九.总结 在上一讲中,介绍了什么是iOS开发.说简单一点,iOS开发,就是开发运行在iPhone或者iPad上的软件.这么一说完,应该有很多人就会产生一些疑惑,比如学习iOS开发是不是一定

Zabbix 3.0 基础介绍 [一]

Zabbix 3.0 基础介绍 [一] zabbix 一.Zabbix介绍 zabbix 简介   Zabbix 是一个高度集成的网络监控解决方案,可以提供企业级的开源分布式监控解决方案,由一个国外的团队持续维护更新,软件可以自由下载使用,运作团队靠提供收费的技术支持赢利   zabbix是一个基于Web界面的,提供分布式系统监控以及网络监视功能的企业级的开源解决方案.   zabbix能监视各种网络参数,保证服务器系统的安全运营,并提供灵活的通知机制以让系统管理员快速定位/解决存在的各种问题

C#基础系列:开发自己的窗体设计器(PropertyGrid显示中文属性名)

既然是一个窗体设计器,那就应该能够设置控件的属性,设置属性最好的当然是PropertyGrid了,我们仅仅需要使用一个PropertyGrid.SelectedObject = Control就可以搞定,让PropertyGrid显示Control的所有属性.可是这里显示的属性名是英文的.对于我们开发人员来说这无可厚非,我们也乐于接受.并且让PropertyGrid显示中文属性名,这对于我们开发人员的使用来说显得多此一举.可是,对于我这种类型的一个应用工具,英文属性名对于很多客户来说可能就很难懂

零基础Android嵌入式开发视频教程

零基础Android手机嵌入式开发实战课程(网吧计费系统.多功能播放器.驱动开发) 适合人群:初级 课时数量:176课时 用到技术:Bootloader开发.裸板开发 涉及项目:网吧计费系统.多功能播放器.驱动开发等 咨询qq:1840215592 零基础Android嵌入式开发教程总共分为八部分,零基础起步,由浅入深,全面系统的介绍了Android系统从应用开发.系统移植.再到设备驱动开发的全过程,总课时预计174讲! 课程内容简介: 本套Android嵌入式开发教程从最础的C语言和数据结构起

【视频】零基础学Android开发:蓝牙聊天室APP(一)

零基础学Android开发:蓝牙聊天室APP第一讲 1. Android介绍与环境搭建:史上最高效Android入门学习 1.1 Google的大小战略 1.2 物联网与云计算 1.3 智能XX设备 1.4 Android发展前景 1.5 Android企业需求与就业薪资 1.6 Android框架介绍 1.7 搭建Android开发环境 1.8 Android SDK文件夹具体解释 1.9 开发第一个App:HelloWorld 1.10 App应用程序文件夹具体解释 在线收看:http://