开启Cordova之旅

这里贴出Cordova官网

1. Mobile apps with HTML, CSS & JS
   使用HTML、CSS和JavaScript编写的手机移动应用
2. Target multiple platforms with one code base
   一次编写，多平台运行
3. Free and open source
   免费、开源

一.安装Cordova

Cordova命令行运行在Node.js上，可以通过nam获得。阅读特定平台下的指南来安装额外的平台依赖项。文章末尾将会讲解如何添加iOS、Android下的依赖项，其他平台见官网。

安装Cordova CLI:
打开终端，输入$ npm install -g cordova

二.创建一个目录

使用命令行来创建一个空得Cordova工程，进入一个任意的目录，使用命令来创建一个工程$ cordova create HelloWorld(工程名)

创建好后，HelloWorld工程下的目录文件如图：

• hooks:自定义的扩展功能
• platforms：添加的运行时
• plugins：引入的插件
• www：开发的目录
• config.xml：配置文件

三.添加平台

创建一个工程后，进入工程目录，添加一个平台来构建你的应用。

添加平台命令：cordova platform add iOS(平台名)
输入命令$ cordova platform list可查看有哪些平台名

四.运行你的应用

运行命令：$ cordova build ios(平台名)

五.添加iOS平台依赖项

1.安装SDK
安装Xcode和Command Line Tools

2.安装部署工具

在终端运行命令：

$ npm install -g ios-sim$ npm install -g ios-deploy

3.创建一个新的工程

 $ cordova create hello com.ricky.hello "HelloWorld" $ cd hello $ cordova platform add ios $ cordova prepare #或者"cordova build"

4.部署应用

• 在连接的iOS设备上部署

$ cordova run ios --device

• 在默认的iOS模拟器上部署

$ cordova emulate ios

你可以使用命令cordova run ios --list来查看下所有可获得的目标设备和虚拟机。

你可以使用命令cordova run ios --target=target_name来在特定的设备和虚拟机上运行应用。

5.在SDK中打开工程

一旦在工程中添加了iOS工程，你便可以使用Xcode来打开你的项目。双击打开文件hello/platforms/ios/hello.xcodeproj。

打开后，我们就可以部署到模拟器或者设备上运行了。

六.添加Android平台依赖项

1.Android开发环境的配置，具体请看我的另一篇教程 Mac下配置Ant、NDK和Android SDK环境

2.可以将platforms下的Android目录导入到Android Studio或者配置好Android开发环境的Eclipse中。