安装CLI

  1. 首先需要安装nodejsnpm
  2. 使用npm安装cordova。在windows上不需要sudo
    sudo npm install -g cordova
    

创建第一个App

cordova create apppath com.example.hello AppClassName

template

可以使用--template选项来从template创建新APP1。例如cordova create rizi com.mickir.app.rizi RiZi --template cordova-template-framework7-vue-webpack

文件结构

myapp/
|-- config.xml
|-- hooks/
|-- merges/
| | |-- android/
| | |-- windows/
| | |-- ios/
|-- www/
|-- platforms/
| |-- android/
| |-- windows/
| |-- ios/
|-- plugins/
  |--cordova-plugin-camera/

www文件夹包含项目文件,包括index.html js/index.js等等,但是使用cordova-template-framework7-vue-webpack以后,www目录会自动从src目录生成。

添加平台

创建新app后,进入app目录,可以通过cordova工具添加新平台,例如:

cordova platform add ios
cordova platform add android
cordova platform add browser
# ...
cordova platform ls

在添加完新平台后,可以测试平台支持。例如:

$ cordova requirements
Requirements check results for android:
Java JDK: installed .
Android SDK: installed
Android target: installed android-19,android-21,android-22,android-23,Google Inc.:Google APIs:19,Google Inc.:Google APIs (x86 System Image):19,Google Inc.:Google APIs:23
Gradle: installed

Requirements check results for ios:
Apple OS X: not installed
Cordova tooling for iOS requires Apple OS X
Error: Some of requirements check failed

APP构建

cordova build

即可为所有平台执行构建。

Option Description
<platform> [..] 构建目标平台,未指定时为所有平台构建
--debug Debug构建
--release Release构建
--device Build it for a device
--emulator Build it for an emulator.
–buildConfig=<configFile> 默认使用根目录的build.json
--browserify Compile plugin JS at build time using browserify instead of runtime
<platformOpts> To provide platform specific options, you must include them after--separator. Review platform guide docs for more details.

APP测试

使用虚拟机测试

cordova emulate android

使用真机测试

cordova run android

在网页上测试 - 推荐!

cordova run browser

添加插件

插件列表,包括存储、拍照等等插件。

cordova plugin add cordova-plugin-camera
  1. https://www.npmjs.com/search?q=cordova%3Atemplate 

  2. https://gist.github.com/zYeoman/f037d91bddd764d820932e7e66c03fdf