cordova 打包工具

简介: 原文:cordova 打包工具一、环境安装 1、安装NodeJs https://nodejs.org 直接去官网下载并按默认路径安装就可以了。 安装完成后在命令行:   (测试成功!) $ npm 2、安装Cordova 命令行:$ npm install -g cordova 如...
原文: cordova 打包工具

一、环境安装

1、安装NodeJs

https://nodejs.org 直接去官网下载并按默认路径安装就可以了。

安装完成后在命令行:   (测试成功!)

$ npm

2、安装Cordova

命令行:$ npm install -g cordova

如果安装不成功,一般是网络原因, 安装成功后命令行:   $ cordova

(测试成功!)

PS:也可以安装cnpm,这样就容易装cordova

npm install -g cordova --registry https://registry.npm.taobao.org
npm install -g ionic --registry https://registry.npm.taobao.org

PPS:这种安装方式,默认安装的是最新版本的cordova,如果想要安装特定版本的cordova,比如说cordova4.1.1,输入以下命令:
         npm install -g cordova@4.1.1
         cordova的版本是和android的sdk的版本是有对应关系的

3、部署Android开发环境

Cordova是一种Hybrid开发,可以被部署到android,ios等多个手机平台。这里我们以android为目标平台。

接下来我们开始android平台下相关环境的部署。

这里我们安装AndroidStudio,可以访问 http://www.android-studio.org/  

里边有国内的下载镜像。

PS:理论上,AndroidStudio可以不安装,但第一次使用Cordova或者遇到问题,用AndroidStudio容易调试

4、安装JDK

oracle官网 http://java.oracle.com/  (下不来的FQ~~)

或国内镜像 http://jdk.android-studio.org/

下载安装后,配置环境变量:http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

5、安装Android SDK

下载并安装AndroidStudio,http://developer.android.com/sdk/index.html

安装完成后配置sdk环境变量(cordova命令要用到):http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html

6、安装Ant

Ant是java平台下一个打包部署的工具,使用cordova命令的时候需要借助这个工具。

http://ant.apache.org/bindownload.cgi,下载zip压缩包,解压后配置环境变量:http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

 

二、项目打包

1、创建一个cordova项目
      在命令行中敲入以下命令:
      cordova create test com.example.test :其中第一个位置的test是指你的项目名,第二个位置的com.example.test是指你打包的apk的包名。

2、增加cordova平台
     进入你建立的项目目录test,在命令行中敲入以下命令:
      cordova platform add android

这里添加的平台是android的,你也可以添加其他的平台:
cordova platform add wp8       
cordova platform add windows 
cordova platform add amazon-fireos 
cordova platform add android
cordova platform add blackberry10
cordova platform add firefoxos\
当然如果你不想使用哪个平台,你可以把它删除掉:
cordova platform rm ios
cordova platform rm firefoxos
cordova platform rm windows
cordova platform rm wp8
cordova platform rm firefoxos
cordova platform rm android
你也可以通过命令查看都有哪些平台以及你已经安装了哪些平台:
cordova platforms ls

3、编译打包
       将你写的一些html、css、js文件放到你建的项目目录下的www文件下对应的位置:

然后在命令行下输入以下命令:
cordova build android
然后就是静静的等待编译。。

根据成功提示,在platforms\android\build\outputs\apk下为生成的WebApp安装包

 

三、在AndroidStudio中打开Cordova项目

       1、打开AS,FILE-New-Import Project

       2、选择刚刚编辑打包生成的Cordova项目中的platforms\android\build.gradle文件

 

四、遇到的问题

1、项目采用Framework7+RequeireJs单页面,按需加载,项目Js文件夹命名为View-Js,RequireJs无法正确找到文件路径,刚开始以为是requireJs与cordova的require方法冲突。

     解决方案:文件夹中不允许包含-,将其改成下划线

目录
相关文章
|
存储 PHP 数据库
Laravel-admin实现时间戳和自定义日期的自动转换
今天介绍我在使用laravel-admin遇到的坑,我数据库存储的时间是int类型的时间戳,需要在管理后台展示日期怎么优雅的实现呢?
1895 0
Laravel-admin实现时间戳和自定义日期的自动转换
|
11月前
|
云安全 人工智能 安全
|
7月前
|
机器学习/深度学习 人工智能 自然语言处理
复旦大学×阿里云产学合作协同育人合作案例
复旦大学联合阿里云开展“天池AI案例100开发”项目,赵卫东团队依托产业级平台构建“理论-实训-实战”教学新体系,开发4大综合性AI案例,覆盖图像识别、自然语言处理等方向。通过MOOC、教材、师资培训多渠道辐射全国,累计惠及超13万学习者,形成可复制的产教融合示范范式,推动人工智能人才培养与产业需求无缝对接。(238字)
571 5
|
开发工具 开发者 容器
【HarmonyOS NEXT开发——ArkTS语言】欢迎界面(启动加载页)的实现【合集】
从ArkTS代码架构层面而言,@Entry指明入口、@Component助力复用、@Preview便于预览,只是初窥门径,为开发流程带来些许便利。尤其动画回调与Blank组件,细节粗糙,后续定当潜心钻研,力求精进。”,字体颜色为白色,字体大小等设置与之前类似,不过动画配置有所不同,时长为。,不过这里没有看到额外的动画效果添加到这个特定的图片元素上(与前面带动画的元素对比而言)。这是一个显示文本的视图,文本内容为“奇怪的知识”,设置了字体颜色为灰色(的结构体,它代表了整个界面组件的逻辑和视图结构。
605 1
|
数据采集 存储 数据可视化
R语言时间序列分析:处理与建模时间序列数据的深度探索
【8月更文挑战第31天】R语言作为一款功能强大的数据分析工具,为处理时间序列数据提供了丰富的函数和包。从数据读取、预处理、建模到可视化,R语言都提供了灵活且强大的解决方案。然而,时间序列数据的处理和分析是一个复杂的过程,需要结合具体的应用场景和需求来选择合适的方法和模型。希望本文能为读者在R语言中进行时间序列分析提供一些有益的参考和启示。
|
监控 JavaScript 前端开发
Grafana 系列 - 统一展示 -6-Zabbix 仪表板
Grafana 系列 - 统一展示 -6-Zabbix 仪表板
|
Kubernetes 关系型数据库 MySQL
K8S客户端二 使用Rancher部署服务
使用rancher服务操作步骤
|
机器学习/深度学习 自然语言处理 开发者
【ACL 2023获奖论文】再现奖:Do CoNLL-2003 Named Entity Taggers Still Work Well in 2023?
【ACL 2023获奖论文】再现奖:Do CoNLL-2003 Named Entity Taggers Still Work Well in 2023?
317 0

热门文章

最新文章