Ubuntu 下Ionic环境配置搭建
发布于 2015-12-22 08:24:21 | 199 次阅读 | 评论: 0 | 来源: PHPERZ
ionic HTML5 移动应用框架
ionic 是个高级的 HTML5 移动端应用框架，是个很漂亮的使用 HTML5 开发混合移动应用前端框架。
环境配置
-
nodejs ：Cordova安装依赖nodejs(略)
-
java sdk ：Ionic build需要java环境；
-
android sdk ：Ionic build需要android环境；
-
ionic
1.java sdk安装配置
1.Installing default JRE/JDK
sudo apt-get update sudo apt-get install default-jre sudo apt-get install default-jdk2.Installing Oracle JDK (选择安装版本)
sudo apt-get install python-software-properties sudo add-apt-repository ppa:webupd8team/java sudo apt-get update sudo apt-get install oracle-java6-installer #Oracle JDK 6(旧版本) sudo apt-get install oracle-java7-installer #Oracle JDK 7(较新的稳定版本) 建议选７ sudo apt-get install oracle-java8-installer #Oracle JDK 8(最新预览版本)3.配置
sudo update-alternatives --config java //出现 直接回车选择默认值 * 0 /usr/lib/jvm/java-7-oracle/jre/bin/java 1072 自动模式 1 /usr/lib/jvm/java-7-openjdk-amd64/jre/bin/java 1071 手动模式 2 /usr/lib/jvm/java-7-oracle/jre/bin/java 1072 手动模式 sudo update-alternatives --config javac //同上操作4.配置 JAVA_HOME 环境
sudo update-alternatives --config java //查看配置路径 path为"/usr/lib/jvm/java-7-oracle" sudo vim /etc/environment //在文件最后加上保存退出 JAVA_HOME="/usr/lib/jvm/java-7-oracle" //最后是配置生效 source /etc/environment java -version //查看是否配置成功
2.android sdk安装配置
1.在/opt下打开终端 (需要翻墙下载,速度不快)
wget http://dl.google.com/android/android-sdk_r23.0.2-linux.tgz -O android-sdk.tgz完成后
mv "android-sdk-linux" "android-sdk" chown root:root "android-sdk" -R chmod 777 "android-sdk" -R2.打开Android SDK Manager(download the SDK platform tools)
./opt/android-skd/tools/android默认下载列表中的Tools API(下载了一天，网络不给力的后果)
下载完成后 编辑 ~/.bashrc 加入Android SDK tools pathvim ~/.bashrc在最后加入
export PATH=${PATH}:/opt/android-sdk/tools export PATH=${PATH}:/opt/android-sdk/platform-tools创建一个Android Virtual Device
android avd
sudo vim /etc/environment //在文件最后加上保存退出 ANDROID_HOME="/opt/android-sdk" source /etc/environment
3.ionic
intall cordova && ionic 参考文档
npm install -g cordova ionicCreate the project cd /home/ubuntu/
ionic start myApp tabsConfigure Platforms
ionic platform add android ionic build android
build 过程中错误解决方法[Error: Please install Android target: "android-22". Hint: Open the SDK manager by running: /opt/android-sdk/tools/android You will require: 1. "SDK Platform" for android-22 2. "Android SDK Platform-tools (latest) 3. "Android SDK Build-tools" (latest)]cd到myApp修改下面目录中的target=android-22为target=android-23
<uses-sdk android:minSdkVersion="16" android:targetSdkVersion="23" />
原因为执行Android SDK Manager 下载tools时最新版本为22
myApp/platforms/android/project.properties
myApp/platforms/android/CordovaLib/project.properties
myApp/platforms/android/AndroidManifest.xml
bulid 完成后apk 生成目录
/home//ubuntu/myApp/platforms/android/build/outputs/apk/android-debug.apk