Cordova移动开发之环境搭建(Windows/MAC)

在Html5如火如荼发展的今天,使用Html5移动开发框架开发出跨平台的App是目前最节约成本的开发方式,不须要针对每一套移动系统(Android/IOS)作原生开发。而最先致力于Html5移动的开发框架莫过于PhoneGap,可是以后被捐献给Apache改名为Cordova。 
我是使用cordova命令建立好项目以后使用Eclipse(adt-bundle-windows-x86-20140321)去导入项目,进行开发和打包的。Mac下IOS开发我也使用相同的方式,用XCode打开项目进行进一步开发。欢迎读者告知更好的方法,或者交流使用心得。html

在Windows下开发Android的Cordova环境搭建

在Windows下开发Android的Cordova环境搭建须要注意一下几点:
  1. 下载cordova-android-xxx.tgz 
    下载到tgz包之后解压出来是一个名为package的目录。后面讲解怎么使用。其实从这一步能够看出我没有使用CLI(Command-Line Interface)命令行方式搭建环境,有兴趣能够参照官方文档本身尝试。 
    http://cordova.apache.org/docs/en/5.0.0/guide_cli_index.md.htmljava

  2. JDK安装并配置环境变量 
    这一点大多数java开发者都已经配置过,须要注意的是 Cordova5.0 Document建议使用JDK7及以上版本)android

  3. ADT安装并配置环境变量(非Android Studio) 
    Android开发人员确定都是安装过ADT的,可是须要注意的是须要将%AndroidHome%/adt-bundle/sdk/platform-tools;和%AndroidHome%/adt-bundle/sdk/tools这两个目录添加到环境变量Path上,以便在使用Cordova命令在cmd上建立项目时使用。ios

  4. Ant安装并配置环境变量 
    其实ADT的Eclipse下已经有了Ant的插件,个人目录是D:\Program Files\adt-bundle-windows-x86-20140321\eclipse\plugins\org.apache.ant_1.8.4.v201303080030\bin 把这个目录添加到环境变量Path中便可,若是没有的能够自行下载添加bin目录。这个也是以便在使用Cordova命令在cmd上建立项目时使用。web

这样环境搭好以后,打开CMD,cd到1步骤里提到的packge目录下的bin目录。使用create.bat %path%\hello com.example.hello HelloWorld 命令便可在%path%路径下建立出hello工程目录。而后用Eclipse导入便可。 
这样导进去是会报错的,由于没有对应版本的cordova.jar,在此提醒一下自从2.3.0版本后,cordova项目就没有直接提供jar包下载了,只在官网上提供了源码地址http://cordova.apache.org/#download。须要自行编译项目,才能够获取到jar包。怎么自行打包这个写在下一篇博客里面。apache

在Mac开发IOS的Cordova环境搭建

在mac下不像Windows那么复杂只须要下载对应包便可 
1. 下载cordova-ios-xxx.tgzwindows

解压出来以后在终端cd到packge目录下的bin 使用$create hello com.example.hello “HelloWorld”命令便可在当前路径下建立出hello工程目录,固然你能够更改这个路径 最后一个参数HelloWorld是APP的名称 在此不建议使用中文字符,不然Xcode打开会报错,至少我遇到是这样子的。能够在XCode打开以后更改。框架

好了 这样子基本上就把环境搭建的事情说完了,欢迎交流!eclipse

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在,都有一个你没有努力的曾经。