安装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 

历史记录

  • 2019-03-08 - 初稿

猜你喜欢


文章标题:cordova使用教程【1】——开始使用

文章字数:2258

本文作者:转载

发布时间:2019-03-08

最后更新:2019-03-08

原始链接:https://cordova.apache.org/docs/en/latest/guide/cli/index.html

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。