Cordova 3.0 + Eclipse 开发流程

cd d:\cordova\projects
cordova create HelloWorld com.example.helloworld HelloWorld
cd HelloWorld
cordova platform add android

1. 在Eclipse里导入Android 项目 HelloWorld D:\Cordova\Projects\HelloWorld\platforms\android。
   修改项目属性Android -> Project Build Target -> 最高API Level。

2. 在Eclipse里新创建一个General Project,项目名HelloWorldWeb,目录为已存目录D:\Cordova\Projects\HelloWorld\www。

3. 在HelloWorldWeb里打开js/index.js,在

onDeviceReady: function() {
app.receivedEvent('deviceready');
},

里添加:

onDeviceReady: function() {
app.receivedEvent('deviceready');
alert("device ready");
},

4. 在命令行里运行cordova build android,然后可以看到HelloWord项目里的Asset/www/js/index.js也更新为:

onDeviceReady: function() {
app.receivedEvent('deviceready');
alert("device ready");
},

5. 运行HelloWord,可以在Android模拟器看到打开App时显示Alert:device ready。

6. 也就是说在www里添加修改文件(比如jQuery Mobile)都要用cordova build android命令同步到Android项目中。

7. 可以在Eclipse里添加一个External Tools来自动运行cordova build android。

首先在D:\Cordova\Projects\HelloWorld里创建build_android.bat,内容为:cordova build android。
然后在Eclipse里面:

External Tools Configurations -> Program -> New
Name 改为 HelloWorldBuild。
Location 选 D:\Cordova\Projects\HelloWorld\build_android.bat。
Working Directory选 D:\Cordova\Projects\HelloWorld。

OK,下次直接点外部工具的HelloWorldBuild就能自动同步了。

有时候需要选HelloWorld项目,按F5刷新一下才好。

posted @ 2013-08-09 15:03  numtech  阅读(2258)  评论(0编辑  收藏  举报