Cordova系列01. 了解,配置环境并写一个HelloWorld项目

概念: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. 了解,配置环境并写一个HelloWorld项目_第1张图片

Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第2张图片

Cordova安装:
安装NodeJS 访问:http://nodejs.org/

Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第3张图片

下载好之后, 默认安装。 https://nodejs.org/en/
在窗口运行npm, 如果运行成功, 说明安装成功。

安装cordova

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

Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第4张图片

如果上面运行不成功, 请将下面的类目放在path目录中
Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第5张图片

安装Android SDK:http://developer.android.com/sdk/index.html

Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第6张图片

Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第7张图片

安装Ant: http://ant.apache.org/,下载完成后, 将bin目录放在path中即可。
Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第8张图片

创建一个Hello World项目:
基本步骤:


Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第9张图片

创建一个小项目:Hello World

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

Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第10张图片
Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第11张图片

cd hello: 进入项目目录
cordova platform add android: 加入android运行时
cordova build : 编译这个项目

创建完之后目录结构
config.xml: 是配置文件。 是cordova的核心配置信息。

Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第12张图片

:起始页

:项目名称

Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第13张图片

hooks: 存放的是我们的扩展功能
platforms: 存放的是我们已经添加的运行时
plugins: 存放的是我们引入的插件
www:则是我们的开发目录, 开发HTML5相关的资源和文件, 都在这个目录。
微信公众号:史慧君 期待您的关注!


Cordova系列01. 了解,配置环境并写一个HelloWorld项目_第14张图片

点赞是最好的
喜欢,关注是最大的支持。
亲爱的朋友,我需要你,我也等你。

你可能感兴趣的:(Cordova系列01. 了解,配置环境并写一个HelloWorld项目)