cordova以及模拟器安装配置

   csdn的处女贴,就献给cordova的安装和模拟器配置吧。一直比较相信自己的记忆力,所以就没有进行很好的知识管理。最近在指导几个新员工,发现做知识的记录,并不仅仅是防止遗忘,更重要的是知识的分享。之后把自己工作和私下学习心得均记录下来,以此为证。

   废话不多说。cordova是目前较流行的移动开发平台,其可以仅仅利用前端的知识就可以开发跨平台app,是不是很酷。对于小团队或仅仅是app开发爱好者,这是一个不错的选择。具体步骤如下:

一、cordova安装

 0、下载java sdk 1.6以上版本     建议下载最新的版本  比如1.8以上

 1、下载Android Development Tools

  已经包括了Android sdk、esclipe,解压即可使用。 下载里面更新完成sdk的版本

  http://bbs.phonegap100.com/thread-1456-1-1.html

  2、设置系统变量

 系统变量 Path后面添加:

D:\Program Files\ADT\sdk\tools;
D:\Program Files\ADT\sdk\platform-tools;
D:\Program Files\ADT\sdk\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin

 新增 JAVA_HOME,设置值为java sdk 根目录:

 C:\Program Files (x86)\Java\jdk1.6.0_10\

  环境变量里面增加  ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin              注意环境变量之间的;   


3、下载并安装NodeJS

  NodeJS

4、进入cmd,执行以下命令安装

  npm install -g cordova

5、新建phonegap/cordova 项目

   cordova create myApp

  cd myApp

  cordova platform add android

 6、使用eclipse工具打开并编辑该项目

  File>New>Project>Android>Android Project from Existing Code

  选择则刚才建立项目所在路径,即可使用ADT打开进行编辑。

  打开的时候如果出现两个选项全选,如果出现很多,那么debug和build相关字眼的不选,最后也是剩余两个,然后点击完成

  7、项目的结构

  主要编辑 assets/www 目录下的 html css js 文件。

二、模拟器

   1、编辑好的项目,总需要测试,第一个app应用运行到手机上,想想都兴奋呢。所以必须要安装模拟器。我安装的是Genymotion,直接官方下载安装即可。

   地址:https://www.genymotion.com/

   2、安装教程有很多,当时参考的是百度经验,http://jingyan.baidu.com/article/3ea51489e7d8bd52e61bba36.html

   3、装完之后,怎么集成到eclipse上呢。同样是百度经验,http://jingyan.baidu.com/article/9faa72315041d8473c28cbc3.html

         当时卡到这一步,按照步骤,add网址 genymotion - http://plugins.genymotion.com/eclipse,下方没有显示插件,而是显示There are no categorized items。

         把下方的Group items by category 不勾选,即可出现待安装的插件。

   4、eclipse工具栏上出现图标,表明集成完毕。

三、利用模拟器运行app

   这个很简单,但是有一个顺序的问题。要先点击eclipse上genymotion图标,启动模拟器之后,运行项目,那么项目即可在该模拟器上运行。

赶快试一下吧~

你可能感兴趣的:(移动开发)