visual studio2013 apache cordova基于web的跨平台应用

目前在研究微软的visual studio 2013开发跨平台的android、ios、windows phone。当然是基于html javascript css的web跨平台app.

在visual studio 2013安装apache cordova开发跨平台web app环境搭建步骤如下：

1.安装visual studio 2013 update5更新

2.下载vs2013mda_0.3.2.exe微软官网可以下载到。

3。运行安装，将是一个漫长的过程，要下载好多文件，时间长短取决于网速。

4.安装完以后要重启电脑。

完成以上步骤之后，打开visual studio2013.新建项目，将会增加如下选项

确定出现如下界面

运行编译选项有多个选择

除了andriod emulator和device外其他都是以网页的形式出现

网页运行结果如下

这种编译不会生成apk格式文件。如果想要生成apk格式文件，在android系统上安装运行，请选择 Android Emulator进行编译，此时会生成apk格式的文件

。

注：在部署和生成的过程中可能会遇到各种各样的未知错误

主要在于环境设置，如下图

只要环境路径设置正确，各个软件的版本也安装正确，基本问题都能够解决。还可以清一下缓存

如果问题还没解决，可能和机器环境有关，集体问题具体分析，可以通过下列设置人visual stidio 输出具体的错误所在

耐心检查输出窗口查看，查看生成失败的具体原因。

我在该开始搭建环境后老是生成失败，断断续续弄了进一个月时间。

可能原因有

1）android平台版本太低

我当时只有19，发现cordova编译时针对平台是21。不知道怎么改cordova的android的目标平台，所以又下了个21版本。

还有build-tools也相应更新为最新版本。

2）jdk也尽量安装最新版本。