Cordova的环境搭建

本文使用的环境是Mac OSX 10.9、Node 0.10.28、Cordova 3.4.1

1、安装Node.js

参考:Node.js的安装

安装成功后,就可以使用node和npm命令了。

2、安装Cordova

$ sudo npm install -g cordova

3、配置Cordova环境变量

$ vim .bash_profile
export PATH=/usr/local/lib/node_modules/cordova/bin:$PATH
$ source .bash_profile

4、查看Cordova版本信息

$ cordova -v
3.4.1-0.1.0

如果需要更新Cordova版本,执行以下命令:

$ sudo npm update cordova -g

  

至此,Cordova环境已经搭建完成。

接下来,创建一个基于Cordova的应用程序。

1、新建一个目录,并进入该目录

$ mkdir CordovaApp
$ cd CordovaApp

2、创建一个Cordova工程

$ cordova create hello com.eric.hello HelloWorld

3、进入工程目录

$ cd hello

4、添加平台支持

$ cordova platform add ios
$ cordova platform add android

如果没有安装并配置android SDK,执行此命令会报Error: The command "android" failed的错误,安装好android SDK,并正确配置环境变量后再执行即可。

$ vim .bash_profile
export PATH=/Library/adt-bundle-mac-x86_64-20140321/sdk/platform-tools:$PATH
export PATH=/Library/adt-bundle-mac-x86_64-20140321/sdk/tools:$PATH
$ source .bash_profile

如果没有安装并配置ant,执行此命令会报Error: The command "ant" failed的错误,去Ant官网下载并解压到/usr/local目录下,并正确配置环境变量后再执行即可。

$ vim .bash_profile
export PATH=/usr/local/apache-ant-1.9.4/bin:$PATH
$ source .bash_profile

5、检查当前设置的平台

$ cordova platforms ls

6、编译应用程序

$ cordova build

7、在模拟器中运行应用程序

$ cordova emulate android
$ cordova emulate ios

如果没有安装ios-sim,执行此命令会报Error: ios-sim was not found,执行以下命令安装ios-sim后再执行即可。

$ sudo npm install -g ios-sim

相关推荐