当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Cordova 入门及打包介绍

Cordova 入门及打包介绍

2020年08月01日  | 移动技术网IT编程  | 我要评论
cordova 起步1. 安装CordovaCordova的命令行运行在 Node.js 上面并且可以通过NPM 安装。 根据平台具体指导安装相应平台的依赖。打开命令提示符或终端,然后键入npm install -g cordova.2. 创建一个 cordova 项目使用命令行创建一个空的Cordova项目。导航到你希望创建项目的目录,然后键入 cordova create。要知道这个命令完整的选项,键入cordova help create。cordova create hello com.e

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/ 文件。

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/ 文件。任何初始化任务应该在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.repositoriesallprojects.repositories 里面添加上

maven{ url = "http://maven.aliyun.com/nexus/content/groups/public/" }

效果图如下所示:

本文地址:https://blog.csdn.net/lvjinhu/article/details/108136731

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网