Android开发之Cordova环境搭建步骤

如果你和小鱼一样耐得住寂寞，即使吸毒也能够自抑的话，很好！请你往下看，否则，请点赞！
1、下载Adroid ADT Bundle for Windows， 下载后解压无须安装，我的放在：F:\安卓开发环境\adt-bundle-windows-x86-20131030，确认能否打开eclipse即可。
2、下载 ant ，地址：http://ant.apache.org/bindownload.cgi 解压至 F:\安卓开发环境\apache-ant-1.9.4 （注：以上解压路径随意）

3、下载 node.js , 地址：https://nodejs.org/ （自动根据你的系统下载对应的.MSI）安装时路径设置等都默认即可

4、下载 Java JDK，地址：http://java.oracle.com 进入后如下图下载后默认安装即可

下载对应系统的安装包，如：小鱼的系统是32位，即图片箭头所示

5、配置环境变量（关键）如小鱼W7 32位系统
（1）步骤：右键我的电脑→属性→高级系统设置（系统属性）→高级→环境变量→系统变量
避免有初学者找不到我还是配个图吧 (^__)

（2）找到系统变量的Path（变量没有就新建一个），增加的路径必须要英文“;” 隔开
在Path变量加入如下路径：F:\安卓开发环境\adt-bundle-windows-x86-20131030\sdk\platform-tools;F:\安卓开发环境\adt-bundle-windows-x86-20131030\sdk\tools;F:\安卓开发环境\adt-bundle-windows-x86-20131030\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin;%JAVA_HOME%\bin;%JAVA_HOME%/jre/bin;C:\Users\Administrator\AppData\Roaming
其中路径：C:\Users\Administrator\AppData\Roaming\的AppData文件是隐藏的，点击菜单栏工具→文件夹选项→查看→显示隐藏的文件、文件夹和驱动器
新建变量JAVA_HOME，加入路径：C:\Program Files\Java\jdk1.8.0_45

新建变量CLASSPATH，加入路径：.;%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar
6、打开cmd命令行工具，安装phonegap，输入npm install -g phonegap，成功后安装cordova，输入npm install -g cordova，均等待几分钟，一般不报错，否则洗洗脸再安过。另扩展知识：卸载phonegap：npm install -g phonegap，卸载cordova：npm install -g cordova 。
7、测试是否安装成功：在cmd里依次输入一下命令：
java，javac，phonegap -version，cordova -version。如果都有东西出来说明安装成功。
8、创建项目
（1）到了拼脸的时候了，如果你跟小鱼一样“帅”，看完这里直接忽略进行下一步直到项目能运行起来就成功了。否则，你就会像小鱼一样在以上所和以下所有步骤的问题都遇到，经过撞墙无数遍后才得出最后一条唯一正确的出路。Android的SDK需要装Android-22并启用。
（2） 在cmd命令行进入到Android的工作空间，小鱼的工作空间为：F:\Android WorkSpace
输入 F:进入到F盘，cd Android WorkSpace进入到工作空间文件夹，创建cordova项目，依次输入一下命令
cordova create hello com.example.hello HelloWorld
cd hello
cordova platform add android
cordova build

注意：删除项目不要直接Windows下删除，删除时进入到platforms文件目录下（会见到只有一个android的文件夹），执行一下命令：
cordova platform rm android 再重新添加及生成就可以了。

9、打开eclipse，File/New/Project，选择Android Project From Existing Code:


注：copy projects into workspace 除非你特别2，千万别勾上。
10、生成两个项目HelloWorld和MainActivity-CordovaLib，后者是类库项目，前者依赖于后者。
项目编码均改为UTF-8：右键项目Porperties→Resource→Text file encoding→Other→UTF-8。
显示隐藏的www夹：右键项目Porperties→Resource→Resource Filters→第二个(assets/www|res/xml/config.xml)右键移除即可。

最终，小鱼的项目跑起来了！赶紧为自己鼓掌，为小鱼的分享点赞吧！(^o)/

附：如何将android-WebView转成Cordova框架项目
1、首先，第10步骤必须能够把你的项目正常运行起来看到Cordova准备完成才继续以下步骤！因为你需要听到它说准备好了哦。

2、将原项目中的文件拷贝入Cordova的项目中，需要覆盖/platforms/android下的文件包括：assets、libs、res、src、AndroidMainfest.xml，其中：
①assets/www/文件:cordova.js、cordova_plugins.js和js文件夹不能覆盖，另外如果原有myPlugin.js就不要拉进去了；

②libs文件：将所有需要引用的jar包考进入并在项目中引用就可以了（除了原来的cordova.jar包，不然会和框架的重复）；

③res文件： 除了xml的config.xml不能覆盖外，其他原来你想怎么办就怎么办，全部替换掉就可以了；

④src文件： 默认生成的CordovaApp.java没什么用可以去掉，然后将用到的java文件对应目录考进来就行，需要注意的是如果你的项目有MyPlugin.java文件需要去掉，比如 MyPlugin.java在你的项目名主目录下，即和你的Main.java同一级目录（反正最好就去掉）；

2、更新下项目将以上操作加入的文件显示出来，jar包引用的引用，去掉一些你不需要用的文件或目录，然后我们将进入最关键的几步。

3、将Main.java的扩展名改为CordovaActivity（原：public class Main extends xxxxx），会报错直接按提示导入即可；

4、检查你的html页面的JS引用路径是否正确，原有mgPlugin.js需要去掉，并引用主www下的cordova.js文件；还有服务器的地址配置是否正确；
这样，加入后的文件设置就算已经基本完成了，接下来就是增加myPlugin插件，因为Cordova是根据你需要加什么插件加入进去的。

5、首先，你要准备如下目录的文件，如果你是要做的是安卓系统就准备android文件，其余2个系统的可以忽略不管，相信大家都见到有很多.bak的备份文件，这个应该是没什么用的，就拿出来迷惑一下大家。

⑴MyPlugin.java和myPlugin.js文件是对应你原来项目有什么功能的文件，比如你现在增加一个方法就往这里写，写好后就把原来的删除，重新添加就可以了（添加myPlugin和删除以下会提到）。

⑵plugin.xml中的设置如下：

6、将com.comit.myPlugin放到随便一个地方（除了你的项目文件夹内，和不能有中文的目录下），如：F:\Android_WorkSpace\com.comit.myPlugin，执行命令行cmd进入你的项目主目录下，F:\Android_WorkSpace\hello>执行命令：
cordova plugin add F:\Android_WorkSpace\com.comit.myPlugin
提示已安装到android目录下，这样就可以试试你的项目能否跑起来啦！

最后附加如何删除 ，进入到项目主目录下执行命令：
cordova plugin remove com.comit.myPlugin