在安装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文件;
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项目中。
创建项目、添加各平台、编译项目,没什么问题的话,就可以正常的运行项目了:(cordova run Android)
本人是第一次开发APP,当然更是第一次使用phonegap(cordova),难免有很多疏漏之处,请大家多指正。如有什么问题,可留言大家共同讨论……