3 Step：前端工程师使用 ionic 开发iOS App

转载于 2015-02-14 12:53:31 发布 · 128 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000002556526

文章标签：

#前端 #移动开发 #javascript #ViewUI

王铁手同学使用Ionic框架在一晚上完成了iOS应用的开发，并分享了其体验。Ionic是一个强大的前端框架，能帮助开发者利用HTML5、CSS3和JavaScript快速制作出原生应用，支持AngularJS，拥有丰富的UI组件，如下拉刷新、无限加载、标签等，且社区活跃，框架适用范围广泛。通过安装Ionic并进行一系列操作，如创建项目、添加iOS平台、构建和运行应用，开发者可以轻松上手。

@王铁手同学用 Ionic框架一晚上撸了个iOS App，看上去很不错。给大家分享一下

ionic是一个扩展性极强（组件非常多）的前端的框架，号称：

The world's first full-stack hybrid mobile platform

可以帮助开发者使用HTML5、CSS3和JavaScript快速做出原生应用。

一些对它的评价：

优势	劣势
完美融合AngularJS	测试阶段，有Bug
全套UI组件（下拉刷新、无限加载、标签等）	变换&动画效果不够流畅
社区活跃、框架适用范围广

ionic 使用 nodeJs 搭建，对于熟悉node的前端来说用起来非常简单：

安装Lonic
```
$ npm install -g cordova ionic     
```
创建项目
```
$ ionic start myApp tabs 
```

运行项目

$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios