本文使用的环境是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
相关推荐
cordova环境搭建说明,windows搭建步骤等说明,按部操作就可以
cordova环境搭建(win7).pdfcordova环境搭建(win7).pdfcordova环境搭建(win7).pdfcordova环境搭建(win7).pdfcordova环境搭建(win7).pdfcordova环境搭建(win7).pdfcordova环境搭建(win7).pdfcordova环境搭建(win7).pdf
cordova环境搭建和相关的心得体会,构建html5 webapp必须经过的环境搭建过程。希望对你有所帮助。
cordova环境搭建(win7).docxcordova环境搭建(win7).docxcordova环境搭建(win7).docxcordova环境搭建(win7).docxcordova环境搭建(win7).docxcordova环境搭建(win7).docxcordova环境搭建(win7).docxcordova环境搭建...
最近在学习webapp开发,此文档是在网上搜集资料,并亲自搭建开发环境的过程,以备查阅。
ionic+cordova环境搭建费了一段时间,我把过程整理了下,内容有转载其他人部分,还请原作者见谅。
https://www.cnblogs.com/CyLee/p/9911195.html官方网址: 第三方教程:AndroidSDK+AndroidStudio官方下载地址:JAVAJDK下载地址:3安装CordovaCLI 4,安装AntAnt是java平台下一个打包部署的工具,使用cordova命令...
总结了android studio 搭建cordova开发环境的步骤,以及搭建过程中遇到的问题和解决方法。
Ionic3.x+、Angular4.x+ Cordova 介 绍以及Ionic3.x+环境搭建 一、Ionic 介绍............................................................................................................................1 二...
按照官网,看,但是很乱,自己整理了一下,还要镜像,无语了吧,导入...4.接着,大陆客户按照官网安装,不能成功” 安装cordova:npm install-g cordova” 5.搜索大陆论坛,不能解决,请教刘正洋老师,解答是:国内镜像
MAC OS 下sencha touch +cordova 开发环境配置。可以将H5 hybird 应用打包成IOS 应用。
Ionic Angular Cordova介绍以及Ionic环境搭建
【ASP.NET编程知识】VS2017 Cordova Ionic2 移动开发环境搭建教程.docx
基于ionic+cordova+angularJs搭建移动端App开发环境。
下面小编就为大家分享一篇Vue.js 2.0和Cordova开发webApp环境搭建方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
win7(32位)环境下phonegap(cordova)环境的搭建过程,花了2天时间整理的,对初学者应该有所帮助。
。。。