cordova 起步
1. 安装Cordova
Cordova的命令行运行在 Node.js 上面并且可以通过NPM 安装。 根据平台具体指导安装相应平台的依赖。打开命令提示符或终端,然后键入npm install -g cordova
.
2. 创建一个 cordova 项目
使用命令行创建一个空的Cordova项目。导航到你希望创建项目的目录,然后键入 cordova create
。要知道这个命令完整的选项,键入cordova help create
。
cordova create hello com.example.hello HelloWorld
//cordova create 文件夹名, 反向域名地址(包名), 项目名称
这将会为你的cordova应用创造必须的目录。默认情况下,cordova create
命令生成基于web的应用程序的骨骼,项目的主页是 www/index.html
文件。
3. 添加一个平台
在创建完一个Cordova项目后,导航到项目目录。在项目目录中,你需要添加你想构建app的平台
为了添加平台, 键入 cordova platform add
。
为了知道你可以添加的平台,你可以运行cordova platform
。
给你的App添加目标平台。我们将会添加’ios’和’android’平台,并确保他们保存在了config.xml
中:
$ cordova platform add ios --save
$ cordova platform add android --save
检查你当前平台设置状况:
$ cordova platform ls
运行add或者remove平台的命令将会影响项目 platforms的内容,在这个目录中每个指定平台都有一个子目录。
注意:在你使用CLI创建应用的时候, 不要 修改/platforms/
目录中的任何文件。当准备构建应用或者重新安装插件时这个目录通常会被重写。
4.构建App
默认情况下, cordova create
生产基于web应用程序的骨架,项目开始页面位于www/index.html
文件。任何初始化任务应该在www/js/index.js
文件中的deviceready事件的事件处理函数中。
运行下面命令为所有添加的平台构建:
$ cordova build
你可以在每次构建中选择限制平台范围 - 这个例子中是’ios’:
$ cordova build ios
build 成功之后,就会在 H:\learn\hellow\platforms\android\app\build\outputs\apk\debug\app-debug.apk 对应的目录下找到build 好的apk文件
5. 第一次打包,报错
在电脑第一次构建的时候,会非常慢,会一直下载 download fastutil-7.2.0.jar。原因是需要烦请,所以我们要修改一下/myApp/platforms/android/
文件夹下面的 build.gradle
文件在其 buildscript.repositories
和 allprojects.repositories
里面添加上
maven{ url = "http://maven.aliyun.com/nexus/content/groups/public/" }
效果图如下所示: