IONIC--如何使用IONIC

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

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

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

ionic=Cordova+Angular+ionicCss-------ionic是完全基于谷歌的Angular框架,在Angular的基础上做了一些封装,让我们可以更快和容易的开发移动项目。ionic掉头原声的功能是基于Cordova,Cordova提供了使用JavaScript调用Native功能,同时ionic也封装了自己的一套CSSUI库。

ionic 安装

首先您需要安装 Node.js,我们在接下来的安装中需要使用到其 NPM 工具

然后通过命令行工具安装最新版本的 cordova 和 ionic 

Window 上打开命令行工具执行以下命令:

$ npm install -g cordova ionic

创建应用

使用ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个ionic应用(git注册邮箱 运行git ssh等命令 中途报错根据百度适当调整):

$ ionic start myApp tabs //tabs是有底部切换功能的页面 blank--空白页面; sidemenu--侧边切换页面

*运行我们刚才创建的ionic项目

使用 ionic tool 创建,测试,运行你的apps(或者通过Cordova直接创建)。

创建iOS应用

$ cd myApp
$ ionic cordova platform add ios
$ ionic cordova build ios
$ ionic cordova emulate ios
ionic cordova platform --help  //使用此命令了解命令的书写
cd到自己常见的目录后(cd myApp)使用以下命令运行项目,弹出一个浏览器对话框
ionic serve

若ionic安装失败

1、检查自己的nodejs版本
2、安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org //安装后之后用npm命令的也用cnpm代替

3、
cnpm install -g cordova ionic



  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值