瞎折腾之 VS2013 Cordova项目的创建与配置

扯淡

前段时间突然看见了微软发布了Cordova的跨平台开发移动端。我就来了兴趣,打算玩一玩,折腾一下。花了我2个晚上终于成功的配置好了环境。时间主要花在了下载谷歌东西上面。

不熟悉的小伙伴们请先看下面的文章进行了解一下

http://blogs.msdn.com/b/ericsk/archive/2014/05/19/visual-studio-2013-and-apache-cordova-integration.aspx

http://c.jinhusns.com/cms/c-929

当然,都是讲解的如何安装而已。最多也就是一个简单的大家熟悉的hello world。哈哈、现在我也只能是到这样的地步而已,还需要花时间去了解更多

比如:如何真正的去开发一套完整的android app,当前简单的get数据还是可以实现的,可以用api。但是如何去坚决httppost提交数据呢?暂时先不去深究了。以后花时间去。

看了上面的文章大概也知道是什么情况了吧!

接下来进入简单的原始的hello world的世界吧!

需要的工具及准备

1、我现在用的VS2013、然后update4 (大概花了我1.3个小时、很需要网速)

2、下载Visual Studio Tools for Apache Cordova CTP3.1 进行安装(同样花了我1.5个小时、网速好更快)

http://blogs.msdn.com/b/ericsk/archive/2014/05/19/visual-studio-2013-and-apache-cordova-integration.aspx

这里我的电脑不能安装Cordova CTP3.1 、而是找了很久才找到Cordova CTP3.0 顺利安装的。如果小伙伴们和我情况一样,别担心。

http://pan.baidu.com/s/1o6JtfZ0 下载安装即可

3、然后就是Android sdk的安装了

不得不说一下,这里必须得翻 墙、要不然没法下载啊。需要工具的私密我,给我发邮件。这种东西还是不公开比较好。

针对第三点sdk的安装会出现一系列的问题:

第一点:以管理员身份打开 SDK Manager,要不然会下载创建本地文件夹失败!

第二点:很重要、首先看到api列表的时候先别高兴的太早,记得选择一个高点的android版本。因为我的电脑是window8,可能会有点影响吧。我的最低要求4.2.2(API 19)

下载的需要配置一下端口(切记)

第三点:

Resuming Google APIs, Android API 17, revision 3 download at 2281361 (1%)
Download finished with wrong size. Expected 134875617 bytes, got 226895 bytes.

很明显是网络的原因、后来换了工具也好了。多试几次。

希望爱折腾的小伙伴们能一次成功吧!

查看效果

然我们来创建一个项目看看,真是够兴奋的,折腾了几个晚上了。

下面的红色的是我自己添加进去的,其他部分均为项目文件。

启动程序之后,在浏览器界面看到如下的最终效果。

总结

如果有大神在这方面研究的比较多的请给一些学习资料。谢谢了先!

花了这么多时间去整这个玩意、最终还是出效果了。不管怎么样心里还是有点高兴的。那有人就要问了,整这些没用的有什么用呢?其实我也不知道,我只知道我对这个感兴趣了,所以我必须要去折腾一下。只要是不影响工作、那也没什么的。

感谢提供我工具的鸦叔。

原文来自:http://www.cnblogs.com/lxsweat/p/4411624.html

时间: 2024-08-08 18:02:22

瞎折腾之 VS2013 Cordova项目的创建与配置的相关文章

vue+cordova项目

教你用Cordova打包Vue项目 现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app.据我现在的了解打包Vue项目目前流行的就是使用weex和cordova.weex是阿里提供并且Vue的作者也极力推荐的,有兴趣的可以去学习使用一下.因为我本身是做angular+ionic的,所以比较青睐cordova,下面我就教大家怎么使用cordova打包Vue项目: 第一步:安装cordova 如果已经安装则直接跳过,否则执行以下命令: n

Android Cordova 插件开发之创建项目

使用命令行创建项目 cordova 创建项目的命令是 cordova create <dir> <packageName> <projectName> 第一个参数 < dir >:项目目录文件夹的名称 第二个参数< packageName >:项目的包名 第三个参数< projectName >:项目名称  那么,我们创建一个HelloWorld项目,通过命令行cd到项目要创建的根目录下,然后执行命令 cordova create h

Cordova app 检查更新 ----创建项目、添加插件、修改插件(一)

使用Cordova 进行跨平台应用程序的开发 1.创建Cordova项目 $ cordova create hello com.example.hello HelloWorld 2.添加插件 2.1切换到Plugins目录 2.2 添加一下插件 cordova plugin add cordova-plugin-device cordova plugin add cordova-plugin-file cordova plugin add cordova-plugin-file-transfer

在Visual Studio 2015的Cordova项目中使用Gulp

之前一直是在vs 2013中使用Cordova来开发移动app(目前有iPad版/iPhone版/安卓版),准备到下一个milestone的时候升级到2015,这两天在尝试各种东西. 2015中的cordova项目和2013结构变化很大,所以需要一个手动迁移过程,这个过程之前已经有同事尝试过了,包括很多插件可能都要重新安装,不同插件的使用可能还有些不太一样. 这两天在研究如何在项目里使用gulp这个前端集成工具,vs 2015支持这个东西是一个非常大的利好,之前很多事情现在都可以自动来做了. g

【瞎折腾系列】mysql存储过程初接触

开始[瞎折腾系列],这个系列纯属瞎折腾,可能没有什么实际意义. mysql存储过程生成表: 新建一张user表,包含id, username , password , usertable字段. 然后创建存储过程: create PROCEDURE create_table() BEGIN DECLARE n int DEFAULT 0; DECLARE t_error INTEGER DEFAULT 0; DECLARE CONTINUE HANDLER FOR SQLEXCEPTION SET

使用 Cordova+Visual Studio 创建跨平台移动应用

1简介 本章节是关于Visual Studio Tools for Apache Cordova的,目前此产品只发布了预览版.Visual Studio for Apache Cordova帮助熟悉Visual Studio用户的.Net程序员能够使用这个宇宙最强的开发IDE通过编写Html.CSS.Javascipt来创建iOS.Android和Windows的本地应用程序. 1.1概述 使用Visual Studio for Apache Cordova你可以为iOS.Android和Win

使用Eclipse-Maven-git做Java开发(5)--Eclipse的Java项目的创建过程

前面已经把所需要的基础设施准备好了,eclipse这个最关键的工具也进行了介绍,接下来就应该进行如何使用工具进行代码编写的介绍了. 上一篇博客发表也已经有较长的一段时间了,这段时间里面在公司的工作机操作系统切换到了Fedora 22,不得不说eclipse在上面的界面有点丑,但是用上大体还是和在windows上是一样的,算了,扯远啦-- 下面就来说一下使用eclipse创建SE和EE项目的流程,不涉及到maven和git,仅仅是熟悉eclipse的使用. 先说SE后说EE,创建的工程后面的博客还

瞎折腾--#include到底是什么意思

很多人上了这么多年学,学了这么多年课,考了这么多年试,写了这么多年程序,到头来,问问你#include是什么意思,却只能简单的说说那是一个预处理命令.然后在深问一下,什么是预处理命令,然后就卡壳了.下面我们就来一起瞎折腾一下,看看#include背后的故事. 一般来说,我们都是#include <stdio.h>的,但是今天我不这样写. 先看看我的工程,我的Project中有三个文件,main.cpp ,Foo.txt, Foo.c.这里要看清楚了,我没有使用Foo.h,而是使用了Foo.tx

maven系列之二maven项目的创建和maven项目的结构

maven系列之一简单介绍了maven的基本信息,安装和配置,大家对maven有一个大概的了解,但是在maven项目开发中远远不够,为了进一步了解maven,现在我们介绍maven项目的创建和maven项目的结构. 第一部分:maven项目的创建 maven项目创建方式一:用命令 开始键+r=,确定,检测maven的版本 输入mvn -v   输入mvn archetype:generate  ,执行这个命令有点久,要有耐心,他会检测setting.xml,不符合条件就会报错.同时也会根据set