Ionic+Angularjs+PhoneGap开发环境搭建

开场前先絮叨絮叨
之前做了个关于摄影的产品,自己包揽前后左右端,凡是能不能自己解决的都自己来解决了,自己累够呛,好在是做了出来还学习了不少的经验,这不为了丰富产品,又开始搞起了APP,真是把自己往火坑里推。产品在这里

既然要做APP了,Android和IOS那是一个都少不了,但咱对APP开发的经验完全是零,从头学起似乎不适合我这懒人,又不舍得花钱让别人做(关键没啥必要),只有在自己有限的知识范围内搜索可用的了。之前看到过PhoneGap和不少前端框架(现在一个找不到了),觉得现在手机配置都高,用PhoneGap做应该问题不大,于是就开始网上各种Google,最后确定了这个Ionic+Angularjs。好吧,絮叨的也不好玩,写写咋搭建环境吧

本人是Mac OS X 系统,以下全部以Mac为例,其实Ubuntu也都差不多。
在安装了Xcode(Ubuntu安装Android开发环境)后

1 安装Homebrew,这玩意类似Ubuntu的 apt-get

ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go/install)"

2 安装Nodejs(真是哪都有你)

brew install nodejs

3 安装Cordova Ionic

npm install -g cordova ionic

完成,就是这么简单,接着创建个简单的项目试试

ionic start demo tabs

添加需要生成的应用框架

cd demo
ionic platform add ios
ionic platform add android

最后运行

ionic serve # 网页版本开发调试环境
ionic run ios # 运行IOS环境
ionic run android # 运行Android环境
ionic run ios -l -c -s --debug # 这个是啥就看提示吧 ionic run ios --help

用ionic开发APP需要学习Angularjs,不知道这几天能不能坚持学下去呐。