1.什么是Ionic
Ionic前身是PhoneGap,一款老牌混合开发框架,但是Ionic并不是PhoneGap的替代品,PhoneGap只是一个壳子,Ionic提供了强大的IonicFramework和许多基于Cordova的插件,让开发人员可以更好的使用设备能力,缩小与原生app的性能差距。
Ionic具有如下特点:
·ionic基于Angular语法,简单易学.
·ionic是一个轻量级框架.
·ionic完美的融合下一代移动框架,支持Angularjs的特性,MVC,MVVM代码易维护.
·ionic提供了漂亮的设计,通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用.
·ionic专注原生,让你看不出混合应用和原生的区别.
·ionic提供了强大的命令行工具.
·ionic性能优越,运行速度快.
Ionic由两部分组成,IonicCLI和IonicFramework,通常人们提到Ionic一般指的是IonicFramework。
2.第一个Ionic应用
2.1Ionic环境安装
a.安装Node.js
b.安装Ionic和Cordova
npminstall–gcordovaionic
2.2移动开发环境安装
2.2.1Android开发环境配置
a.java环境安装
下载jdk安装后配置环境变量
b.androidsdk安装
下载sdk,安装后配置环境变量。
建议在安装并配置好java环境后下载安装AndroidStudio,使用AndroidStudio来下载并管理AndroidSDK等开发环境。
2.3第一个IonicApp
a.创建应用
ionicstartMyApptabs
运行该命令后,IonicCLI将会自动创建tabs模板项目,并下载对应的依赖包。
b.进入目录
cdMyApp
c.编译
ionicbuild
d.在浏览器中运行
ionicserve
e.在安卓上运行
ioniccordovaplatformaddandroid
ioniccordovabulidandroid
ioniccordovarunandroid
f.在ios上运行
ioniccordovaplatformaddios
ioniccordovaprepareios
打开Xcode,点击FileOpen打开项目目录下的platforms/ios文件夹,编译并运行。
3.Ionic项目结构
·hooks:编译cordova时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中
·node_modules:node各类依赖包
·resources:android/ios资源(更换图标和启动动画)
·src:开发工作目录,页面、样式、脚本和图片都放在这个目录下
·
转载请注明:http://www.0431gb208.com/sjszlfa/2316.html