毕业论文
您现在的位置: 版本控制 >> 版本控制介绍 >> 正文 >> 正文

Ionic开发入门第一个IonicA

来源:版本控制 时间:2022/11/5

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