2013-11-24 22:24 2082人阅读 评论(1) 收藏 举报
要使用phonegap的CLI必须首先安装好phonegap,phonegap的安装还请参看我的另外一篇文章:windows7搭建phonegap3 Android开发环境。本篇文章介绍CLI的简单使用,由于本人水平有限,还请大侠不要拍砖。
phonegap3.1.0使用命令行去创建应用程序的框架,然后我们可以基于命令行创建的程序再去进行开发。创建应用程序的命令格式如下:
- cordova create hello com.example.hello HelloWorld
使 用这个命令之前现在CMD中将目录切换到你想要保存程序代码的目录。其中第一个参数hello表示这个程序的名字,同时也会创建一个hello目录保存程 序的代码。第二个参数com.example.hello表示代码中的包的名字,第三个参数表示创建的应用的名字,这个可以在config.xml中修 改。第二个和第三个参数是可以省略的,如果省略那就都使用默认的。但是不建议使用省略的。生成的目录如下:
在这 个目录中www文件夹表示的是我们的html、js、css存放的位置。plugins存放的是一些插件。使用上面命令行创建的程序是没有添加任何功 能,phonegap是通过插件去扩展其功能的,比如我们这时候想要使用phonegap的访问手机基本信息的api那么必须添加对应的插件,添加的插件 就是放到这个目录下面的。platforms这个目录下放置该程序支持平台对应的工程,当然这时候目录里面没有东西,下面我们会介绍添加平台。 merges目录下存放各个平台具有差异的文件的。比如我们有个css文件在android和ios上不同,这时候我们就可以把这个css放到这个目录 下,自动打包的时候,phonegap会自动区分的。
添加平台
我们使用上面的命令创建的程序是不支持任何平台的,我们需要手动添加,添加之前我们需要先进入到工程目录。
- cd hello
添加台后如果需要在本地运行,那么必须确保本地安装了对应的SDK。下面添加Android和IOS平台:
- cordova platform add ios
- cordova platform add android
执行了这两行代码后会发现在merges和platforms下面会生成对应的文件夹及文件,在platforms下会生成对应的工程,android的工程师可以用eclipse打开的,ios的不清楚,因为没有mac,嘿嘿。
查看添加的平台
- cordova platforms ls
删除平台
- cordova platform remove blackberry10
- cordova platform rm android
构建应用程序
- cordova build
上面的命令将会build所有平台的程序,使用下面的命令可以只build对应的平台:
- cordova build ios
在模拟器和设备上运行程序
phonegap提供了如下的命令去运行模拟器和真机运行,但是在开发中更多的导入对应的开发工具中,然后直接在开发工具中运行,所以个人认为下面的命令使用的不多。下面是运行模拟器:
- cordova emulate android
下面是在真机上运行:
- cordova run android
更新phonegap
使用如下命令会将本地的phonegap更新到最新版:
- npm update -g cordova
当然我们也可以更新到特定的版本,命令如下:
- npm install -g cordova@3.1.0
查看phonegap版本
- cordova -v
为应用程序添加插件会在下一篇博文中介绍,本人水平有限,如果上面内容有错误,还请指出。
相关推荐
cordova的location插件使用有点问题,经常找不到位置,在国内更常用的是使用百度SDK开发的定位插件,但是由于cordova版本升级,不能在VS2015项目中使用,为此我修改了以前的phonegap_baidu_sdk_location插件,使他能...
phonegap-cli, PhoneGap和 PhoneGap/构建 命令行 接口 PhoneGap命令行接口和 node.js 库。命令行命令行要求安装 node.js 版本 >=4.0.0安装 iOS sim 将应用程序部署到iOS模拟器。安装$ npm install
PhoneGap和Shadow_–_基于Web标准的移动开发和测试
phonegap_baidu_sdk_location, 针对android的phonegap百度sdk位置 phonegap-baidu-locationPhonegap百度位置插件fork地址:https://github.com/andybuit/phonegap-baidu-location使用方法详见我的博客:http://sn
以前上传过一个cordova 百度定位插件可以支持VS2015,但由于插件使用的是很老的V4.3百度开发包,对一些些手机支持不是很好,有定位困难的情况,因些将插件升级到最新的百度定位SDK V6.2.2,提高定位精度和兼容性。...
Phonegap插件安装 适用于 iOS 和 Android 平台的 Phonegap VIN 扫描仪插件。 安装说明: 使用“phonegap create”命令生成你的项目 使用以下命令将插件添加到您的项目中: phonegap plugin add ...
phonegap_download_and_writefile phonegap 演示,使用 http 下载文件,然后将文件写入本地文件系统。
PhoneGap 命令行界面 创建新应用程序时, 会自动下载此存储库。 PhoneGap 构建 使用以下存储库创建一个新应用程序: https://github.com/phonegap/phonegap-start.git 亚硝酸盐 首先来使用这个项目。 然后在...
PhoneGap_API_中文说明_File(文件),很好的android开发学习教材。
html5框架PhoneGap API详解笔记(ppt及word版),关于PhoneGap方面的资料少之有少,目前市面上基本上没有,希望能够帮助大家学习
Phonegap中文版的开发指南,介绍了如何使用摄像头,位置访问设备信息等。
NULL 博文链接:https://mft.iteye.com/blog/1826932
NULL 博文链接:https://coderdream.iteye.com/blog/1880615
hello_girl_phonegap 通过phonegap将hello_girl应用变成跨平台的格式
PhoneGap简单的VueJS模板Phonegap模板,用于使用VueJS 2创建应用。用法要创建一个phonegap项目,请执行以下操作: Phonegap CLI: $ phonegap create myapp --template ...
PhoneGap命令行工具快速创建IOS PhoneGap项目,基于Mac OS X 有截图
PhoneGap API的使用方法总结和PhoneGap的使用方法、PhoneGap第三方文件。
- 技术新,使用HTML5和PhoneGap3,移动APP要用最新最快的技术 - 跨平台,结合HTML5和PhoneGap本身的特色,贯穿全书讲解跨平台开发 - 强调人机交互的重要性,使读者在学习技术的同时获得思维上的启发
PhoneGap_Polymer_app 使用聚合物的phoneGap应用程序