phonegap(cordova)使用命令行创建项目,并添加各个平台

在安装phonegap(cordova)前,确保已安装了node.js。安装完node.js后就可使用命令行安装phonegap(cordova)、创建项目、添加各平台……参考phonegap(cordova)官网。在运行某一开发平台的项目之前确保,其环境已搭建成功,以Android为例:运行前配置sdk、jdk、ant等,具体可参考官网或参考网络其他资料,各平台环境搭建参考官网platform guide……

使用命令行创建项目: cordova create projectFileName com.sample.packageName AppName

projectFileName: 项目所在文件夹名;com.sample.packageName 包名;AppName:App的名称;

项目创建好后的目录层级,如上图所示包含了hooks,platforms,plugins,www以及config.XML文件;224553_MCbA_2253640.jpg

hooks文件夹:存放一些事件(项目编译前后、添加各平台前后等等),详情看里面的readme文件,说明非常详细,本人英语一般般,这里不再赘述。

platforms文件夹:使用命令行cordova platform add xxx 后,该文件下生成对应的文件;xxx表示平台名称,如:ios、Android等等

plugins文件夹:所用使用命令行添加的插件都会被拷贝到该文件下,官方已有插件及作用参考官网

www文件夹:该文件夹下面就是APP的内容,也是各个平台共同的内容,包含css文件,js文件等等;

使用添加平台的命令行后(cordova platform add xxx );使用build(cordova build (ios/android))命令,编译项目(或者使用cordova prepare xxx和cordova compile xxx命令,build命令等于prepare和compile命令)后,www文件夹以及plugins文件下的文件也被拷贝并编译到了各个对应的平台下了。

再看看Merges文件夹,是我自己手动创建的文件夹。各个平台有些东西是不同的,这时就要用到merges。如下图在Merges下创建对应平台的文件夹,途中Android文件夹下的内容只会编译到Android项目中,ios文件夹下的内容只会编译到ios项目中。230932_FxFO_2253640.jpg

创建项目、添加各平台、编译项目,没什么问题的话,就可以正常的运行项目了:(cordova run Android)

本人是第一次开发APP,当然更是第一次使用phonegap(cordova),难免有很多疏漏之处,请大家多指正。如有什么问题,可留言大家共同讨论……

转载于:https://my.oschina.net/youruci/blog/372483

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值