使用visual studio 2013 快速搭建phonegap开发环境

前一段时间开发了一款简单的Phonegap应用,遇到了很多坑,其中有一个坑就是在搭建开发环境上。由于Phonegap 2.x 与3.x 区别比较大,导致了开发环境也有所不同。
2.x 是这样的
http://www.cnblogs.com/Random/archive/2011/12/28/2305398.html
这一系列的文章有些没讲清楚版本号,也是入坑的一个原因吧。

3.x 需要通过nodejs安装

npm install -g phonegap

生成相应平台的工程文件,然后再开发。

另外,在这再解释一下cordova和phonegap的关系,某百科上这么解释的

ordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。你可以把他想象成类似于Webkit和Google
Chrome的关系。

但我用下来发现这两个除了名字和一些命令写法之外,没有什么区别,几乎可以等同起来。

好了,废话说了那么多,开始进入正题了,使用visual studio 2013 快速搭建开发环境
首先需要将visual studio 2013 升级到 update3。

工具->扩展与更新->update 3

221229_7SJd_853361.png

将近6个G,需要等待一段时间
然后安装
Multi-Device Hybrid Apps

安装的时候会提示你安装所需环境
221245_cZwQ_853361.png

简直so easy,对于新手来说实在太棒了,一键配置各种环境。

接着重启vs,就能在

文件->新建->项目->Javascript/Typescript

下面找到Blank App

221306_EuYj_853361.png

点击确认,一个项目就新建好了

主要的配置在config.xml中,有一项非常便捷的地方在于可以直接配置plugin。

221319_j5zT_853361.png

221319_bPb5_853361.png

在Debug下的配置管理器能选择相应的平台

221335_Myz0_853361.png

值得一提的是,netbeans也支持cordova开发,但总体来说没VS2013方便,优势也显而易见就是免费。


转载于:https://my.oschina.net/reeco/blog/324435

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值