下载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/
没有评论:
发表评论