这里贴出Cordova官网
- Mobile apps with HTML, CSS & JS
使用HTML、CSS和JavaScript编写的手机移动应用 - Target multiple platforms with one code base
一次编写,多平台运行 - 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中。