IONIC开发入门手册

大体主要分两步:安装cordova安装ionic:

一、安装cordova

  • ANT安装(cordova工具生成android项目时,需要的编辑工具)

    1. ANT安装

      官方主页下载新版,得到的是一个apache-ant-1.9.6-bin.zip的压缩包。将其解压到你的硬盘上,例如:C:\apache-ant-1.9.6。

    2. 配置环境变量
配置项 内容
path C:/ apache-ant-1.8.1/bin
classpath C:/apache-ant-1.8.1/lib

3. 验证ant

为了验证ant是否成功安装,可以进行如下操作:

依次选择:开始->运行->cmd,输入如下命令:ant

如果出现如下内容,说明安装成功:

Buildfile: build.xml does not exist!

Build failed

【说明ant安装成功!因为ant默认运行build.xml文件,这个文件需要我们建立。】

二、安装android sdk(网上方法一大把)

别忘了配环境变量(把%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools加到Path环境变量中,不然会报”Error: An error occurred while listing Android targets”错)

目前比较简单的反正方式是,安装Android Studio,安装后启动应用,会自动弹出提示安装SDK,选择安装API Level 22的SDK后,退出。

  • 以上这种方式优点就是下载速度快
  • 如果使用SDK manager会使用谷歌的地址下载,如果没有翻墙会导致无法连接

三、安装Node.js (这里主要是要用它的npm命令装东西)

进入Node.js官网,下载安装包安装

node.js安装成后安装cnpm替代npm,cnpm使用国内的源由淘宝提供,可参考官网

安装方法:

windows用管理员权限运行cmd后执行

npm install -g cnpm –registry=https://registry.npm.taobao.org

Linux和Mac OS上命令前面需要加sudo

sudo npm install -g cnpm –registry=https://registry.npm.taobao.org

四、安装cordova

windows用管理员权限运行cmd后执行

cnpm install -g cordova

Linux和Mac OS上执行

sudo cnpm install -g cordova

运行过程中没有报错,执行

cordova -v

看到版本号,就是执行成功了

五、安装ionic

windows用管理员权限运行cmd后执行

cnpm install -g ionic

Linux和Mac OS上执行

sudo cnpm install -g ionic

  1. 如果安装失败请多尝试几次,成功概率靠RP,早上安装比较容易成功。(安装命令最后加上-d你就能看见安装的进度
  2. 如果一直无法安装可以尝试翻墙
  3. 如果无法翻墙尝试以下方法

安装成功后,执行

ionic -v

可以看到ionic版本号,就算执行成功了

ionic start myApp sidemenu //创建带有左侧带有menu栏的示例项目

ionic start myApp blank //创建空白项目

ionic serve //浏览器运行(调试很方便)

五、打包构建APP

以下只演示Android端的打包过程

添加平台支持

进入应用目录

cd myApp

添加安卓平台支持,添加ios平台需要在Mac OS上才能执行成功

ionic platform add android

如果环境配置没有问题,等待一会儿后会提示成功。

如果出现错误提示,最有可能就是Android SDK配置不正确,或者没有下载正确版本的SDK工具。

开始打包

开始打包执行

ionic build android [--debug | --release]

  • 默认不带参数输出为debug版本
  • 配置正确情况下会在myApp/platform/Android/outputs/APK/下面生成,对应的APK文件。
  • debug模式下会输出2个APK,一个是不带签名的,一个是带debug签名的,带debug签名的APK可以在手机上安装测试
  • release模式下会输出1个不带数字签名APK,需要自己对该APK进行签名

APK数字签名

进入APK文件所在的目录

1. 先产生密钥文件

keytool -genkey -alias demo.keystore -keyalg RSA -validity 40000 -keystore demo.keystore

这个-validity 40000,意思是证书有效期40000天

2. 再给文件签名

jarsigner -verbose -keystore demo.keystore -signedjar CoderCalendar.apk android-release-unsigned.apk demo.keystore -digestalg SHA1 -sigalg MD5withRSA

CoderCalendar.apk 是我们生成的目标文件名

android-release-unsigned.apk 是需要被签名的APK文件

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-09 17:59:59

IONIC开发入门手册的相关文章

DPDK17.02入门手册

Linux环境下DPDK入门 Release 17.02.0 目录 Linux环境下DPDK入门... 1 1       引言... 2 2       资料集... 2 3       系统需求... 2 3.1        x86平台的先决条件BIOS设置... 2 3.2        编译DPDK. 3 3.3        运行DPDK程序... 3 4       编译DPDK源码... 5 4.1        安装DPDK和浏览源码... 5 4.2        安装DPD

前端开发常用手册、资料

转自:http://segmentfault.com/a/1190000000659414 收集整理的前端开发书籍.文档等相关资料(many books or documents for front-end developer) 如果你有更好的相关资料推荐的,也可以联系我的微博weibo.com/hwax1993 0.各种语言的API详解英文原版哦 1.正则表达式知识点整理 2.学习CSS布局 3.CSS参考手册 4.前端代码规范(腾讯alloyteam团队) 5.Emmet 文档 6.Java

再温http协议,入门手册。

引言 HTTP是一个属于应用层的面向对象的协议,由于其简捷.快速的方式,适用于分布式超媒体信息系统.它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展.目前在WWW中使用的是HTTP/1.0的第六版,HTTP/1.1的规范化工作正在进行之中,而且HTTP-NG(Next Generation of HTTP)的建议已经提出. HTTP协议的主要特点可概括如下: 1.支持客户/服务器模式. 2.简单快速:客户向服务器请求服务时,只需传送请求方法和路径.请求方法常用的有GET.HEAD.

sqlite-5分钟入门手册

它的特点是:极小.数据库.性能不错. 适合场景:小型应用软件,解决存文件的不便 点击这里进入官网下载 windows开发环境下可以选择: 解压后只有个sqlite3.exe,这就够了.将它拷贝到第一个方便使用的地方去吧. 创建个库: cmd窗口进入exe目录,使用sqlite3.exe test.db创建库,创建后相同目录下生成test.db. 使用.help获取各种指令的帮助. 如.database 查看库列表 .tables查看表 .read test.sql 执行sql脚本 使用sqlit

MyBean 框架入门手册<感谢[青铜]整理的如此细致和系统>

MyBean 框架入门手册 2014/9/15 by lighttop 目 录 MyBean 框架学习笔记..................................................................................................... 1 第一章  MyBean简介................................................................................

Github快速入门手册

最近在试用Github,开源的思想也让人觉得把一些经验分享出来是非常好的事情.附件是doc文件,如有需要请注意查收.希望能对你有帮助. GITHUB基于互联网的版本控制快速入门手册 如有不妥,欢迎指正 转载请注明出处! Github介绍wiki:http://en.wikipedia.org/wiki/GitHub Github官网:https://github.com/ 如果你还在用cvs.或者svn或者还有什么其他balabala的版本控制工具,那么你就out了.如果你还不知道Github,

Ionic框架入门(原文翻译)

注: 从未做过翻译,打算学学Ionic框架,从网上未找到中文资料,看到官网上有一个入门资料,所以打算试着用自己半瓶子的英语做个翻译尝试.这是一个有些痛苦与长期的过程.翻译一部分,放一部分吧,一点一点的来.,原文地址:The Ionic Book The Ionic Book Ionic框架入门 Welcome to the official Ionic Book, where we will walk through the process of getting Ionic and all it

重要的开发资料手册

链接: https://pan.baidu.com/s/1n1RquzT87XLIHQEIkEZKTQ 提取码: i9mm 复制这段内容后打开百度网盘手机App,操作更方便哦大小修改日期龙哥所写文档-2017-02-07 19:41嵌入式Linux应用开发完全手册.pdf113.8M2017-02-07 19:41鸟哥的Linux私房菜-基础学习篇.pdf16.2M2017-02-07 19:41程序员面试宝典(第三版).pdf37M2017-02-07 19:41百问网精智JZ2440_v2开

史上最简单的个人移动APP开发入门--jQuery Mobile版跨平台APP开发

书是人类进步的阶梯. ——高尔基 习大大要求新新人类要有中国梦,鼓励大学生们一毕业就创业.那最好的创业途径是什么呢?就是APP.<构建跨平台APP-jQuery Mobile移动应用实战>就是一本写给没钱没身份没资历的创业小白看的APP书,看完这本书你可以拥有自己的一个APP,不用花钱就能移植到其他移动平台,支持iOS,Android,Windows Phone!!!!!!!!找个最便宜的来练手吧!  小白APP交流Q群:  348632872 清华大学出版社推出的<构建跨平台APP:j