phonegap学习之二：创建项目和添加平台

phonegap​安装成功后，在命令行下使用：

phonegap create hello（项目名称） com.example.hello（包名） HelloWorld（显示的文字）

创建成功后：

cd hello 切换到项目目录下：

打开www下的config.xml 编辑id和项目名称，在下方的

<access origin="*"/> <!-- allow local pages -->

配置为允许跨域，这样你就可以在项目中ajax实现跨域请求了.

当然，也可以在添加平台之后，在res>config.xml中配置.

phonegap build android 创建android项目

当然也可以添加多个平台支持，重复上面的命令，把android换成你需要添加的平台

下一步：

phonegap run android

OK，如果你的手机连接了电脑，现在项目已经可以运行了。

如果需要对项目进行进一步修改，你可以使用eclipse来编辑项目。

可能遇到的问题，当你在eclipse打开项目后，可能不知道网页文件在哪里？你需要这样操作：

To show

assets/www

or

res/xml/config.xml

, go to:

Project -> Properties -> Resource -> Resource Filters

And delete the exclusion filter.

这是phonegap中的文字提示，意思是需要在eclipse中找到项目>属性>资源>资源过滤把exclusion filter删除,

这样，www目录中的文件就会出来了。不知道为什么需要设置这些，很奇怪！

可以开始用web技术开发app了，就这么简单！

我们可以手写html，也可以使用一些前端框架:Sencha Touch或者jQuery Mobile。

这两个国外的框架在Android下的性能都不是很好，我推荐一个国产的框架：Jingle UI。

由shixy开发的，项目主页在这里：http://vycool.com/Jingle/

其他推荐的类库：

zepto 移动端的jQuery解决方案，接口几乎和jQuery一致。