cordova+ionic制作安卓或者ios app

前言
如何搭建一个cordova+ionic环境来开发一个简单的安卓apk,这里我们只制作一个安卓app,看完教程后,大家可以试着搭建安卓或者ios应用

配置开发环境 安装jdk和android sdk

安装jdk直接下载jdk 按照官网教程安装,注意配置环境变量
我这里是用的zsh配置的环境变量

#set java path
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_121.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export JAVA_HOME
export PATH
export CLASSPATH

安装android sdk 直接下载sdk manager
配置环境变量

#set android
ANDROID_HOME=/Users/chenhan/tools/android-sdk-macosx
PATH=$PATH:$JAVA_HOME/bin:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
export JAVA_HOME ANDROID_HOME
androidsdkMenu.png

在iTerm中cd到tools这个目录下,输入这个命令

./android sdk

下载所需要的sdk内容


androidsdkmanger.png

安装gradle,因为android app使用gradle编译
Mac使用的是brew所以直接brew install gradle就可以

下载cordova 和 ionic

npm install cordova ionic -g

npm换淘宝镜像这里就不说了
安装完成后就可以开始新建apk了

ionic start myApp tabs
cd myApp
ionic serve
ionic platform add android
ionic build android 

注意,打包过程下载maven包可能失败,需要在项目build.gradle中设置国内镜像路径,这就完成一个最简单的安卓apk了,大家可以都试试哟

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,076评论 25 708
  • 一.准备工作:下载安装 Node.js (npm依赖包)JDK (Java开发工具包,即Java Dev...
    谢大见阅读 701评论 2 3
  • 目录 说明 环境搭建 起始一个ionic项目 angular(操作数据)在项目中常用到的点,以及与jq(操作dom...
    新林吃遍世界阅读 1,419评论 0 0
  • 接连几天的秋雨,似乎是为了迎接处暑的来临。告别如火如荼的炎炎夏日,北方的秋意就在这样的绵绵细雨中铺展开来。 前些日...
    布瓜先生阅读 418评论 0 3
  • 给自己擂鼓助威, 谷底勇攀学腊梅。 魄力才能要齐备, 别空有脑满肠肥。 久居不赚似家贼, 休耍赖向至亲索赔。
    艺林漫笔阅读 190评论 0 0