您的位置:首页 > Web前端 > AngularJS

在ubuntu搭建AngularJS+Ionic+Cordova环境

2015-12-10 23:05 633 查看

第一步:安装node.js

# apt-get update
# apt-get install -y python-software-properties software-properties-common
# add-apt-repository ppa:chris-lea/node.js
# apt-get update
# apt-get install nodejs


第二步:java sdk安装配置

1.Installing default JRE/JDK

sudo apt-get update
sudo apt-get install default-jre
sudo apt-get install default-jdk


2.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(较新的稳定版本) 建议选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 //查看是否配置成功


第三步:android sdk安装配置

1.在/opt下打开终端 (需要翻墙下载,速度不快)

wget http://dl.google.com/android/android-sdk_r23.0.2-linux.tgz -O android-sdk.tgz


完成后

tar -zxvf android-sdk.tgz
mv "android-sdk-linux" "android-sdk"
chown root:root "android-sdk" -R
chmod 777 "android-sdk" -R


2.打开Android SDK Manager(download the SDK platform tools)

./opt/android-skd/tools/android


下载完成后 编辑 ~/.bashrc 加入Android SDK tools path

vim ~/.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 ionic


Create the project cd /home/ubuntu/

ionic start myApp tabs


Configure 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

原因为执行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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: