161206、 Ionic、Angularjs、Cordova搭建Android开发环境
1、jdk
环境变量配置
path:C:\Program Files\Java\jdk1.7.0_79\bin
2、Node.js
因为安装cordova时要用到node.js的npm
下载地址:
http://nodejs.org/
下载安装成功之后,打开cmd,进入D盘,创建cordova的工作空间: mkdir cordovaspace
测试安装结果命令: node -v
3、Git
用于后面有些插件可能需要用git来下载,
下载地址:
http://git-scm.com/
4、ant
下载地址:http://ant.apache.org/bindownload.cgi
下载好之后,解压,我这里解压到D:\Delp_Tool\ant-1.8.2下,
然后在环境变量中配置变量ANT_HOME,值:D:\Delp_Tool\ant-1.8.2,
在PATH中追加%ANT_HOME%\bin;
测试安装效果命令: ant -v
注:如果不安装的话后台的操作会报找不到ant;
5、cordova
1)安装命令:npm install -g cordova
2)测试安装结果命令:cordova -v
如果安装cordova和ionic长时间没反应,试试以下的解决方案:
I.通过config命令
npm config set registry https://registry.npm.taobao.org
npm info underscore (如果上面配置正确这个命令会有字符串response)
II.命令行指定
npm –registry https://registry.npm.taobao.org info underscore
III.编辑 ~/.npmrc 加入下面内容
registry = https://registry.npm.taobao.org
如果遇到npm WARN deprecated minimatch@2.0.10: Please update to minimatch3.0.2问题,可执行:
npm install minimatch@3.0.2
6、ionic
npm install -g ionic
6、创建app
这里创建一个命名为firstApp,id为com.cycle.first的app,放在first文件夹下:
创建命令:cordova create first com.cycle.firstApp firstApp -d
创建过程需要下载一些cordova的库,所以得等一下,上面命令中的-d是展示创建过程中的一些细节。
7、添加平台(注:添加平台前必须得先安装该平台的sdk)
1)安装sdk
注意:安卓sdk和cordavo版本之间有这么个关系:
3.0需要的是Android-17(Android 4.2.2)
3.1和3.2需要android-18(Android 4.3)
3.3、3.4、3.5需要android-19(Android 4.4.2)(同时ant1.8+)
下载安装好adt后,还需要在环境变量中配置变量ANDROID_HOME,值得为sdk所有的目录,
比如我的就安装D:\androidWorkspace\adt\sdk,那就将ANDROID_HOME指向这个目录,并在PATH中
追加%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
注:修改了PATH后需要重启cmd才可以生效。
2)添加平台
接下来的命令都需要在app的次级目录下执行,
进入first : cd first
添加安卓: cordova platform add android
添加其他的平台:
cordova platform add iOS
cordova platform add amazon-fireos
cordova platform add blackberry10
cordova platform add firefoxos
回车后,会开始下载安卓的相关库,等等吧。。。
创建完之后可以用下面这条命令来查看已添加以及可支持添加的平台:
cordova platforms ls
如果想删除某个平台的话,可以这样:
cordova platform rm amazon-fireos
cordova platform remove android
添加之后会./first/platforms下的目录,增加一个相应平台的目录,而删除平台的话,也会将这个目录删除。
8、编译app
cordova build
这条命令将编译./firstApp/platforms下所有的平台,如果只想单独编译其中的平台的话,只需要在build上增加该平台名即可。
cordova build android
貌似头一回编译时都比较慢。。。
编译的过程中,会输出一堆东西。。最后如果看到build successful,就可以了。
实际上,build命令是prepare 以及compile两条命令的缩写。上面这条命令相当于:
cordova prepare android
cordova compile android
9、测试一下app吧
1)模拟器上测试:
输入下面命令:cordova emulate android
但是,查资料说Windows下convert命令冲突,直接“cordova emulate android”会报Error: spawn ENOENT,需要先启动模拟器。
2)浏览器上测试:
输入下面命令:cordova serve android
然后在浏览器中输入http://localhost:8000 即可看到支行情况。
注:可以打开多个cmd运行同一个app,但是端口会8000开始+1;
3)设备上测试:
插入usb,输入下面命令:cordova run android
Android创建安装运行:
ionic start myproject
cd myproject
ionic platform add android
ionic build android
ionic emulate android 模拟器上运行
ionic run android 手机上运行
参考文档:
http://www.aichengxu.com/view/44135
https://segmentfault.com/a/1190000002933971
遇到问题:
如果遇到 Using this version of Cordova with older version of cordova-andr oid is being deprecated. Consider upgrading to cordova-android@5.0.0 or newer.
解决办法:切换到工程目录,执行cordova platform add android@5.0.0
如果遇到
line 14: 6980 Illegal instruction node “basedir/nodemodules/cordova/bin/cordova""@”
解决办法是:Win7系统更新:Service Pack 1
注:转载自http://blog.csdn.net/u012868077/article/details/51588445
161206、 Ionic、Angularjs、Cordova搭建Android开发环境的更多相关文章
- 基于ionic4、cordova搭建android开发环境
前颜(yan)最近公司有一个项目需求是利用h5进行跨平台开发,这里所说的跨平台开发指的是:将h5代码利用某种方式或工具环境进行打包,最后生成android的apk以及ios的ipa. 本文只讲解and ...
- 160902、Ionic、Angularjs、Cordova搭建Android开发环境
1.jdk 环境变量配置 path:C:\Program Files\Java\jdk1.7.0_79\bin 2.node.js 因为安装cordova时要用到node.js的npm 下载地址: h ...
- 搭建Android开发环境附图详解+模拟器安装(JDK+Eclipse+SDK+ADT)
——搭建android开发环境的方式有多种,比如:JDK+Eclipse+SDK+ADT或者JDK+Eclipse+捆绑好的AndroidSDK或者Android Studio. Google 决定将 ...
- mac os 下搭建android开发环境
mac os 下搭建android开发环境 周银辉 mac os 下搭建android环境比较方便, 如下几个步骤: 1,安装jdk 先搞清楚自己是否已经安装,在命令行下:java -version, ...
- 在Eclipse下搭建Android开发环境教程
我们昨天向各位介绍了<在NetBeans上搭建Android SDK环境>,前不久也介绍过<在MyEclipse 8.6上搭建Android开发环境>, 都受到了读者的欢迎.但 ...
- 第二章 搭建Android开发环境
这一章为我们讲解了如何搭建Android开发环境. 首先要了解的是Android底层开发需要哪些工具:搭建android应用程序开发环境.android NDK开发环境和交叉编译环境,前两个用来测试L ...
- 第二章 搭建Android开发环境--读书笔记
俗话说,工欲善其事,必先利其器,对于Android驱动开发来说,首先我们要做的就是搭建Android开发环境,我们首先要配置Linux驱动的开发环境,接着还得配置开发Android应用程序以及Andr ...
- 单机搭建Android开发环境(三)
单机搭建Android开发环境,第一篇重点介绍了如何优化Windows 7系统,以提高开发主机的性能并延长SSD的使用寿命.第二篇重点介绍了基于VMWare安装64位版的Ubuntu 12.04,并安 ...
- 单机搭建Android开发环境(一)
老话,工欲善其事必先利其器.为了学习安卓系统开发,我下了血本,更换了电脑.俗语,磨刀不误砍柴工,好钢用在刀刃上,为了发挥新本的最大潜能,我花费了很长时间去做配置和优化,都感觉有点偏执了.不过,从到目前 ...
随机推荐
- javascript中创建对象的方式总结
javascript中创建对象的方式总结 具体代码如下: //创建对象的方式: //创建方式一 var person=new Object(); person.name='jack'; person. ...
- JVM培训作业第二周
1. jre的运行时主要jar文件rt.jar都很大,这导致了用java做的桌面客户端程序很难发布绑定jre发布.这在很大程度上限制了java桌面软件 的分发.可是,jre并不是在所有的用户计算机上都 ...
- Inside Kolla - 02 Kolla 是什么
Kolla 是什么? Kolla 项目 Kolla 是 OpenStack 里面的一个项目,在源代码的 README.md 里面的解析是: The Kolla project is part of t ...
- IntelliJ IDEA 自动导入包 快捷方式
idea可以自动优化导入包,但是有多个同名的类调用不同的包,必须自己手动Alt+Enter设置 设置idea导入包 勾选标注 1 选项,IntelliJ IDEA 将在我们书写代码的时候自动帮我们优化 ...
- Java学习——Java运算符
位运算符 A = 0011 1100 B = 0000 1101 ----------------- A&b = 0000 1100 A | B = 0011 1101 A ^ B = 001 ...
- springframework开源代码导入eclipse
从毕业到现在已经3个多点年头了,开源框架也用过不少.对于j2ee开发来说,spring框架是是最流行的轻量级可选的框架之一,如果还停留在只会使用,而对源代码不研究是不行的. 话不多说 先从导入代码开始 ...
- HTTP报文
HTTP报文分为请求报文(request message)与响应报文(response message). 一.报文的组成部分 一个HTTP报文由3部分组成,分别是: (1).起始行(start li ...
- IntelliJ IDEA 下的版本控制介绍
不管是个人开发或是团队开发,版本控制都是可以很好地被使用的,目前我找不到任何开发者不使用版本控制的理由.而且对于 IDE 来讲,集成版本控制的本身就是它最大的亮点之一,很多开发者也是为此而使用它. 在 ...
- c++ DISALLOW_COPY_AND_ASSIGN
Google C++编程规范 – 第三十二条 -<拷贝构造函数> [规范] 仅在确认需要的时候,才定义拷贝构造函数和赋值运算符:否则,请使用DISALLOW_COPY_AND_ASSIGN ...
- Swift语言实战晋级-第9章 游戏实战-跑酷熊猫-1
学习目标 一.进一步学习Swift的游戏制作 二.掌握SKNode,SKSpriteNode的运用 三.了解SpriteKit的物理系统 四.掌握动作(SKAction)的运用 在这一章,我们要通过制 ...