Cordova系列学习教程01. 了解Cordova

概念,phonegap与cordova之间的区别。
其实, phoneGap是原先的名字,Adobe将phoneGap捐给apache之后,起了另外的一个名字——apache cordova
Cordova是开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。
Cordova支持如下移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。
     
      


      Cordova系列学习教程01. 了解Cordova_第1张图片
Cordova系列学习教程01. 了解Cordova_第2张图片


Cordova安装:
  1. 安装NodeJS 访问:http://nodejs.org/
           Cordova系列学习教程01. 了解Cordova_第3张图片
          下载好之后, 默认安装。 https://nodejs.org/en/
          在窗口运行npm, 如果运行成功, 说明安装成功。          
  1. 安装cordova
           Cordova系列学习教程01. 了解Cordova_第4张图片

   3.直接运行cordova, 如果执行正确, 说明安装成功。   

          
          如果上面运行不成功, 请将下面的类目放在path目录中 Cordova系列学习教程01. 了解Cordova_第5张图片

          
         下载java 的JDK   java.oracle.com      http://www.oracle.com/technetwork/java/index.html
          

  1. 安装Android SDK:http://developer.android.com/sdk/index.html
             
Cordova系列学习教程01. 了解Cordova_第6张图片
          
  1. 安装Ant:http://ant.apache.org/     下载完成后, 将bin目录放在path中即可。
          
Cordova系列学习教程01. 了解Cordova_第7张图片

                                                             
创建一个Hello World项目:

     基本步骤:

     

创建一个小项目:Hello World

          create:表示我们创建一个项目
hello: 是这个项目所在的目录
com.example.hello: 是应用包名, 也就是应用的唯一ID
HelloWorld: 是入口类, 也就是项目的名称


      Cordova系列学习教程01. 了解Cordova_第8张图片
Cordova系列学习教程01. 了解Cordova_第9张图片
cd hello: 进入项目目录
cordova platform add android: 加入android运行时
cordova build : 编译这个项目

创建完之后目录结构
     
     config.xml: 是配置文件。 是cordova的核心配置信息。
Cordova系列学习教程01. 了解Cordova_第10张图片

     
:起始页
:项目名称
Cordova系列学习教程01. 了解Cordova_第11张图片

          
hooks: 存放的是我们的扩展功能
platforms: 存放的是我们已经添加的运行时
plugins: 存放的是我们引入的插件
www:则是我们的开发目录, 开发HTML5相关的资源和文件, 都在这个目录。






你可能感兴趣的:(Cordova,cordova环境搭建,Cordova入门教程)