`
jsntghf
  • 浏览: 2482280 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Cordova的环境搭建

    博客分类:
  • iOS
阅读更多

本文使用的环境是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

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics