(一)、在Mac上搭建Cordova的IOS和Android开发环境
操作系统:Mac OSX 10.9
Cordova版本:3.4.0
python版本:2.7.5
Cordova中使用了python,所以我们要保证自己的python邦本与Cordova官方要求的一致。
(1)、ios
集成开发工具:Xcode 5.1
首先下载Cordova 3.4.0,下载地址:https://cordova.apache.org/
下载成功后解压,将Cordova-ios文件夹解压到home路径下,此时创建一个项目,命令格式如下:
我创建项目的过程如下:
[code]
cd cordova-ios
cd bin
./create /Users/<我的用户名>/Desktop/FisrtCordova com.Karl FirstCordova
[/code]
此时,会发现在桌面上多了一个FirstCordova项目,使用Xcode打开,运行,效果如下:
(2)、Android
集成开发环境:Eclipse
方法如下:
1、将cordova-android文件夹解压到home路径下;
2、安装node.js,下载地址:http://nodejs.org/;
3、安装dos2unix,下载地址:https://code.google.com/p/rudix/downloads/detail?name=dos2unix-5.3.3-0.pkg
4、安装Apache-ant命令,运行命令
[code]
sudo brew install ant
[/code]
(PS:如果没有安装brew命令可以自行安装一个,或是直接去Apache-ant官网下一个手动安装到本地)
5、编辑.bash_profile文件:
打开终端,输入命令:
[code]
vim .bash_profile
#在想文件中添加路径
export PATH=${PATH}:/Applications/Compiler/sdk/platform-tools:/Applications/Compiler/sdk/tools
export PATH=${PATH}:/usr/local/bin
#保存并退出,然后运行
source .bash_profile
[/code]
6、创建一个Android项目
运行命令:
[code]
cd cordova-android/bin
./create ./FirstCordovaAndroid com.karl FirstCordovaAndroid
#注意,安卓必须要进入bin目录下,项目也必须创建在bin目录下,导入Eclipse时一定不要选择copy project into workspace
[/code]
此时,打开Eclipse,编译运行项目,效果如下图:
(二)、在Ubuntu上安装Cordova 3.4.0
操作系统:Ubuntu 12.04 stl
集成开发环境:Eclipse
方法与Mac上安装cordova基本一致
只有安装Apache ant时命令不同,其余步骤一致,
命令如下:
[code]
sudo apt-get install ant
[/code]