分享

Ioinc项目环境搭建(安卓)

 流浪的星星318 2017-06-05

Ioinc项目环境搭建(安卓)

1、下载eclipse和JDK、解压eclipse、并安装JDK、生成如下目录、我是安装在C盘路径


2、配置jdk环境变量

系统变量→新建 JAVA_HOME 变量 。

变量值填写jdk的安装目录(本人是C:\Program Files\Java\jdk1.8.0_25)

系统变量→寻找 Path 变量→编辑

在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

(注意原来Path的变量值末尾有没有;号,如果没有,先输入;号再输入上面的代码)

系统变量→新建 CLASSPATH 变量

变量值填写  .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar(注意最前面有一点)

系统变量配置完毕

检验是否配置成功运行cmd 输入 javac 若如图所示则说明安装和配置成功。


3下载eclipse 安卓开发插件SDK、并配置好虚拟机ADV(详细教程请点击以下链接查看http://blog.csdn.net/u013440660/article/details/42290467)

 

4、该步骤是配置ADV虚拟机的路径、默认是C盘

系统变量--à新建变量

变量名  ANDROID_SDK_HOME

变量值  D:\ProgramFiles\eclipse\Android\android-avd

5、配置ANDROID_HOME变量

变量名ANDROID_HOME

变量值D:\Program Files\eclipse\Android\android-sdk(对应SDK路径)

6、修改系统变量中PATH变量值在后面添加(注意用英文分号分割)

%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

7、下载nodeJS、并安装、在CMD输入npm  -version显示如图、则说明安装成功


8、打开Node.js command prompt命令管理

 

9、安装cordova、输入命令npm install -g cordova检测安装是否成功可输入cordova –version命令出现如图所示、则说明安装成功


10、安装ionic 输入命令npm install -g ionic  检测安装是否成功可输入ionic –version命令出现如图所示、则说明安装成功


11、下载ant打包软件、并配置环境变量、到官方主页http://ant.下载新版、并配置环境变量

系统变量--à新建变量--à

变量名  ANT_HOME

变量值  D:\ProgramFiles\apache-ant-1.9.4

在PATH环境中添加变量值、为ant解压后的bin的路径(前面用英文分号分割、对应ant下bin路径)

D:\ProgramFiles\apache-ant-1.9.4\bin;

验证ant安装是否成功、输入如下命令:ant如果出现如下内容,说明安装成功:


12、进入你要创建项目的路径:输入如下命令创建myApp项目

  ionic start myApp

创建成功后可在myApp 目录下出现5个文件夹   打包好的工程放在platforms里面


文件夹详解:

www   :  开发的 HTML5 ; CSS ; JS 文件都拷贝到这下面

plugins :  存放的是插件、以后文件,摄像头等插件都下载到这里

merges: 我也没用过  以后知道了再补上

platforms: 存放的是编译好后的android文件 ,(如果这个文件夹为空,需要你在命令行编译一次才能生成.、别急、接着往下看

.cordova: 存放的是配置文件

13、进入myApp文件夹、输入如下命令添加安卓平台

Ionicplatform add android

  添加安装平台、注意安装cordova的时候、project.properties

配置文件里面的target值、默认为19、如果你安装安卓SDK插件的时候没有安装该版本、可用记事本打开project.properties配置文件、手动修改该值


Android.batlist targets    查看android安装的API插件版本

 

14、使用该命令  Ionic build android  将项目打包成apk文件

 

15、输入命令Ionic run android在安卓虚拟机上运行该项目


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多