码迷,mamicode.com
首页 > 移动开发 > 详细

HTML5 开发APP 第一章

时间:2015-06-16 12:21:44      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

当今天下,移动端基本上是安卓和苹果的天下,基本上没微软什么事,作为微软忠实的支持者,也要顺势而变。

但安卓和IOS  开发是两个完全不同的世界,有没有一种技术,开发完以后可以运行在任意终端呢,答案是有的,HTML5 

OK, 闲话不扯,直奔主题吧。

一,环境搭建

    1,下载JDK (这个很多  BD一堆)

  • 1、环境搭建
    • 1.1、JDK安装
    • 1.2、Eclipse安装
    • 1.3、Android SDK安装
    • 1.4、ADT安装
    • 1.5、创建AVD
  • 2、HelloWorld

1、环境搭建

1.1、JDK安装

如果你还没有JDK的话,可以去这里下载,接下来的工作就是安装提示一步一步走。设置环境变量步骤如下:

  1. 我的电脑->属性->高级->环境变量->系统变量中添加以下环境变量:
  2. JAVA_HOME值为: D:\Program Files\Java\jdk1.6.0_18(你安装JDK的目录
  3. CLASSPATH值为:.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\bin;
  4. Path:  在开始追加 %JAVA_HOME%\bin;
  5. NOTE:前面四步设置环境变量对搭建Android开发环境不是必须的,可以跳过。

安装完成之后,可以在检查JDK是否安装成功。打开cmd窗口,输入java –version 查看JDK的版本信息。出现类似下面的画面表示安装成功了:

技术分享

JAVA_HOME=C:\Program Files\Java\jdk1.7.0_51
CLASSPATH=.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\bin;
Path=%JAVA_HOME%\bin;C:\Users\feeling\AppData\Roaming\npm;%JAVA_HOME%\bin;

    3,下载 android SDK (eclipse+SDK+AVT) ,可以一个一个下载,在配置,但是 google 很多的服务器,因为政治因素,无法访问,所以

        我给出一个全套的已经封装完毕的压缩包 

软件的百度云链接:http://pan.baidu.com/s/1i3h3Vyl 密码:nps2

注:“android sdk截止2014年10月2日前全部更新”里面放的是更新完所有的android sdk的adt-bundle,觉得代理更新速度慢朋友可以考虑下载直接使用,最新版同时支持到了android 5.0,压缩包大小8.77GB,解压后大小有30GB(同时提供了windows和linux版)

4,

HelloWorld

  • 通过File -> New -> Project 菜单,建立新项目"Android Project"
  • 然后填写必要的参数,如下图所示:(注意这里我勾选的是Google APIs,你可以选你喜欢的,但你要创建相应的AVD)

技术分享

相关参数的说明:

  1. Project Name: 包含这个项目的文件夹的名称。
  2. Package Name: 包名,遵循JAVA规范,用包名来区分不同的类是很重要的,我用的是helloworld.test。
  3. Activity Name: 这是项目的主类名,这个类将会是Android的Activity类的子类。一个Activity类是一个简单的启动程序和控制程序的类。它可以根据需要创建界面,但不是必须的。
  4. Application Name: 一个易读的标题在你的应用程序上。
  5. 在"选择栏"的 "Use default location" 选项,允许你选择一个已存在的项目。
  • 点击Finish后,点击Eclipse的Run菜单选择Run Configurations…
  • 选择“Android Application”,点击在左上角(按钮像一张纸上有个“+”号)或者双击“Android Application”, 有个新的选项“New_configuration”(可以改为我们喜欢的名字)。
  • 在右侧Android面板中点击Browse…,选择HelloWorld
  • 在Target面板的Automatic中勾选相应的AVD,如果没有可用的AVD的话,你需要点击右下角的Manager…,然后新建相应的AVD。如下图所示:

技术分享

  • 然后点Run按钮即可,运行成功的话会有Android的模拟器界面,如下图所示:

技术分享

 

至此,环境已经搭好了,可以开始 你的APP 之旅了,下一节 开始介绍HTML5 

        

HTML5 开发APP 第一章

标签:

原文地址:http://www.cnblogs.com/luozhai714/p/4580098.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!