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

时间:2021-03-23 04:19:57

目前在研究微软的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微软官网可以下载到。

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

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

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

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

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

确定出现如下界面

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

运行编译选项有多个选择visual studio2013 apache cordova基于web的跨平台应用

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

网页运行结果如下

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

这种编译不会生成apk格式文件。如果想要生成apk格式文件,在android系统上安装运行,请选择visual studio2013 apache cordova基于web的跨平台应用

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

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

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

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

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

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

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

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

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

可能原因有

1)android平台版本太低

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

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

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

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