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方法冲突。
解决方案:文件夹中不允许包含-,将其改成下划线
转载于:https://www.cnblogs.com/lonelyxmas/p/9001647.html
cordova 打包工具相关推荐
- 用Cordova打包Vue-vux项目
技术搭建:vue + vux 首先推荐阅读这篇文章,写的已经很详细了:https://www.jianshu.com/p/25d797b983cd 此处记录下我按照这篇文章打包的时候报的一些错误,方便 ...
- 使用 Cordova 打包 app
1.安装nodejs 2.安装 cordova npm install -g cordova 3.Cordova 打包成安卓APK需要用到ANT打包工具,首先配置好java环境: 下载安装Java J ...
- Cordova打包教程知识体系整理(Vue项目打包成ipa)
使用工具: 1.Webstorm2017 Webstorm2017安装以及破解和汉化: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
- webpack打开项目命令_webpack前端模块打包工具基本使用的详细记录(一)
webpack简介 我们都知道,Webpack 是当下最热门的前端资源模块化管理和打包工具.它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源.还可以将按需加载的模块进行代码分隔,等 ...
- 镜像打包工具clonezilla
镜像打包工具clonezilla clonezilla 百度云盘链接:https://pan.baidu.com/s/1LOEPqNE9O0Z4QJmNExlgeA 提取码:zlso 使用方法: 1. ...
- python 打包 .app 运行 控制台窗口_Python打包工具
1 Python打包工具 目前在windows平台上将Python程序打包成exe文件主要有三个工具. 今天将一个Tkinter写的界面程序打包成exe文件,三个工具都试了一遍,感觉PyInstall ...
- linux系统打包工具,Linux 压缩、解压缩和打包工具
前言:你是否曾经因为某个文件占用空间较大,而空间紧缺的U盘无法存放此文件.你是否曾经因为软件里有太多文件而不方便复制和携带.你是否曾因需要备份太过零散而头疼.那么基于"文件压缩和打包&quo ...
- Python打包工具Pyintealler打包py文件为windows exe文件过程及踩坑记录+实战例子
Python打包工具Pyintealler打包py文件为windows exe文件过程及踩坑记录+实战例子 目录 Python打包工具Pyintealler打包py文件为windows exe文件过程 ...
- 用InstallShield 打包工具 打 Win32 程序 (depends.exe 用看程序都依赖了哪些dll)
InstallShield 打包工具 1.InstallShield Limited Edition 安装教程 转载:http://www.cnblogs.com/javawebsoa/archive ...
最新文章
- [转]微软发布WF教程及大量示例
- 面试:那些问哭你的Redis分布式锁!
- java闭包矩阵_深刻理解Java闭包概念
- 修改数据无法提交_MySQL数据库精讲:一文讲解MySQL事务隔离!
- JUC并发编程一 并发架构
- Developer Tools
- 搜索引擎的选择—百度还是谷歌?
- 基于 vue 的验证码组件
- 决策者根据什么曲线做出决策_如何做出产品设计决策
- python numpy读取数据_大神教你python 读取文件并把矩阵转成numpy的两种方法
- 图像处理实战-Python编程进阶
- 从html富文本中提取纯文本
- LeetCode #780 - Reaching Points
- 全屋智能长途跑,谁能与华为一战?
- 【十三香吗?】网易严选-苹果12商品评论数据可视化分析
- Qt实现页面跳转与返回上一级页面(Qt+VS2019)
- cpe(通用平台枚举)命名规范及python CPE库实战
- Vue项目实现web端第三方分享(qq、qq空间、微博、微信)
- 《RHCE考试必看》
- android中转换content://media/external/images/media/539163为/storage/emulated/0/DCIM/Camera/IMG_20160807_
热门文章
- CentOS7搭建lamp(module)并实现Xcache、https访问
- Android测试分析3
- Java: System.exit() 与安全策略
- how to check unsolved conflicts file list in git merge?
- DevExpress 控件使用之GridControl基本属性设置
- VMware vSphere@cloudstack基本功能测试报告
- linux自学视频资料第四讲:目录
- jbuilder2006注册机
- Latex注释快捷键
- Windows上 万能的串口调试助手