cordova以及模拟器安装配置

来源：互联网发布：买卖数据合法编辑：程序博客网时间：2024/06/11 19:17

   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图标，启动模拟器之后，运行项目，那么项目即可在该模拟器上运行。

赶快试一下吧~

0 0