2015年8月11日星期二

ionic

1。安装好jdk,android sdk,xcode。
下载http://dl.google.com/android/android-sdk_r24.3.3-macosx.zip,解压后,里面有一个SDK Readme.txt,里面写着执行tools/android upate sdk --no-ui,就会自动安装一堆,包括很老版本的sdk。如果要选择性按照,就去掉--no-ui。安装后,设置.bash_profile
export LANG=ja_JP.UTF-8
export ANDROID_HOME=/Users/jacky/Downloads/android-sdk-macosx
export PATH=$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:$PATH
安装xcode就没啥好写的了。

2。按照nodejs相关的东西,我是用nodebrew,的确好用。

3。安装ionic和相关
npm install -g cordova ionic ios-sim
 
4。建立程序,并跑一下
ionic start myApp tabs
cd myApp
ionic platform add ios(android)
ionic build ios(android)
ionic emulate ios(android)
直接编译并运行 ionic run ios(android)
 
ionic的一些命令行
ionic lib update 更新ionic js的库
ionic serve --lab 在网页查看
https://github.com/driftyco/ionic-cli
http://ionicframework.com/docs/cli/
 
ionic下的各个文件和目录的作用,熟悉angular开发的话,应该就不是问题了。  目前还是用WebStorm来做的编辑。

ionic官方用来建立程序的项目太过简单,了sccs以为其他都要自己安装,太繁琐,我找了一下generator,发现有两个用的比较多,一个generator-ionic,内容充实但是用的是grunt,我一直用 gulp,一个generator-ionic-gulp看起来和目前写angular web非常一样,编译后的东西再写往ionic的www目录,所以我决定用
generator-ionic-gulp来生成项目。步骤很简单,照着git做就可以了,但最后却跑不到模拟器上(报出错8100端口网络错误),只得放弃,回退到generator-ionic。

debug
http://www.smashingmagazine.com/2014/09/testing-mobile-emulators-simulators-remote-debugging/2/

没有评论:

发表评论