环境要求:
mac 系列:osx 10.11.3
win 系列:win7
注:确保计算机能访问互联网
step 1 安装 Node.js
下载安装 Node.js,自行前往官网下载安装
step 2 安装 cordova
打开终端:[mac Terminal、win dos]
mac 用户要先进入超级管理员模式
=> sudo -i
安装 cordova
=> npm install -g cordova
这时 cordova 开发环境就安装完成了。
step 3 添加运行时,即调试、运行的环境
ios: [win 下配置 ios 就不要试了,我做不到]
1、下载好 xcode
2、在终端执行
=> npm install -g ios-sim
=> npm install -g ios-deplog
android:
1、下载安装 JDK 1.7 以上
2、下载安装 Android SDK
3、设置环境变量,
win:
windos 下环境变量大家应该都差不多会,百度中也有一大堆,总之要达到效果是,在 dos 中执行 => echo %path% 输出的内容包含 你 java、android 安装的bin 目录地址
mac :
java home 配置在 http://binary-space.iteye.com/blog/2200786 中有详细说明。
android home 配置:用vi 打开 /etc/bash,添加两行
export ANDROID_HOME=android 安装目录【说明 到安装的 platform-tools 目录的上一级】
export path=${PATH}:android 安装目录/platform-tools:android 安装目录/tools
step 4 创建 cordova 项目
4.1、打开终端或dos
=>cordova create hello com.example.hello HelloWorld
4.2、进入新建项目的根目录,添加运行平台,添加 android 或 ios
=> cordova platform add ios --save
=> cordova platform add android --save
4.3、查看当前添加的运行平台
$ cordova platform ls
4.4、编译
=> cordova build <params>
参数运行平台,如 ios android 等,可以为空,为空编译你添加的所运行平台
4.5、模拟器上运行
=> cordova emulate <params>
参数运行平台,如 ios android 等,不能为空
4.6、真机上运行
ios: 要有安装 ios-deplog;安装命令:$ npm install -g ios-deploy;还要在XCODE中配置真机运行证书
=> cordova run ios --device
android:
=> cordova run android
参考资料
http://cordova.apache.org/docs/en/latest/guide/cli/index.html
--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一起进步。
email : binary_space@126.com
qq : 1035862795
敲门砖: 代码谱写人生
分享到:
相关推荐
MAC OS 下sencha touch +cordova 开发环境配置。可以将H5 hybird 应用打包成IOS 应用。
这里详细介绍了windows平台下的Sencha touch +Cordova 开发过程中的环境配置。大家可以下载查看。
cordova是一种好用的打包工具,可以将nodejs代码打包成各种直接运行的文件包括安卓apk,但是环境配置困难,各个软件工具之间版本冲突,这是我试的一个在我这可行的版本配置,由于优点玄学,不保证一定成功!...
phonegap cordova简明环境配置入门文档 phonegap cordova 简明 环境配置 入门 连接真实机器调试,目录结构介绍, eclipse html插件的下载和安装
win7(32位)环境下phonegap(cordova)环境的搭建过程,花了2天时间整理的,对初学者应该有所帮助。
cordova是一种好用的打包工具,可以将nodejs代码打包成各种直接运行的文件包括安卓apk,但是环境配置困难,各个软件工具之间版本冲突,这是我试的一个在我这可行的版本配置,由于优点玄学,不保证一定成功!...
cordova环境搭建说明,windows搭建步骤等说明,按部操作就可以
总结了android studio 搭建cordova开发环境的步骤,以及搭建过程中遇到的问题和解决方法。
在安卓项目整合Cordova 时,安装的Cordova插件下载
cordova环境搭建和相关的心得体会,构建html5 webapp必须经过的环境搭建过程。希望对你有所帮助。
cordova-screenshot cordova截屏插件 document.addEventListener("deviceready", init, false); function init() { document.querySelector("#share").addEventListener("touchend", function() { navigator....
鉴于目前网上流行的资料关于PhoneGap Cordova 的配置教程几乎都是1 3版本 另外又由于官网的文档漏洞百出 一直报:java lang RuntimeException:Unable to start activity ComponeInfo{...然后本人摸索了好久 终于找到了...
Cordova的Windows版图形界面管理工具,告别命令行使用方式,轻松管理Cordova开发各个环节
cordova跳转原生Activity
(警告:不建议使用Windows 8,请更新您的应用程序以使用Windows 8.1或更高版本) 是 要求 请参阅 请注意,不支持Visual Studio 2019,如。 入门 最好的方法是安装 ,创建项目,添加Windows平台并运行应用程序: ...
cordova 配置eclipse的android 开发使用的工具
If you’re familiar with an older version of Cordova, this book will show you in detail how to use all of the new stuff that’s in Cordova 3 plus stuff that has been around for a while (like the ...
按照官网,看,但是很乱,自己整理了一下,还要镜像,无语了吧,导入...4.接着,大陆客户按照官网安装,不能成功” 安装cordova:npm install-g cordova” 5.搜索大陆论坛,不能解决,请教刘正洋老师,解答是:国内镜像
已经装eclipse,android sdk及adt的安装和配置。 1.进入eclipse界面,新建android工程 new > android project 2.该工程目录下建立两个文档 /libs 和 /assets/www 3.把phonegap中android目录下的cordova-1.7.0.js...
图文介绍如何搭建Cordova开发环境,并给出演示实例。