首页 / IONIC / Ionic开发环境搭建
Ionic开发环境搭建
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Ionic开发环境搭建,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1509字,纯文字阅读大概需要3分钟。
内容图文
Ionic开发环境搭建
1.安装jdk
1.1.安装【jdk-8u60-windows-x64.exe】到【C:\Program Files\】目录
1.2.jdk下载地址
http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html
或者百度一下jdk
2.安装adt
2.1.解压【adt-bundle-windows-x86_64-20140702.zip】到【D:\Program Files\】
2.2.adt下载地址
http://www.androiddevtools.cn/
3.安装ant
3.1.解压【apache-ant-1.9.6-bin.zip】到【D:\Program Files\】
3.2.ant下载地址
4.配置环境变量
4.1.添加系统变量
添加以下系统变量
JAVA_HOME
C:\Program Files\Java\jdk1.8.0_60
ANDROID_HOME
D:\Program Files\adt-bundle-windows-x86_64-20140702\sdk
ANT_HOME
D:\Program Files\apache-ant-1.9.6
步骤请参考下图
右键【我的电脑】——》【属性】——》【高级系统设置】——》【环境变量】
【新建】——》输入【变量名】和【变量值】——》【确定】
PS:JAVA_HOME、ANDROID_HOME、ANT_HOME都要执行该步骤一次
添加完JAVA_HOME、ANDROID_HOME、ANT_HOME结果如下
4.2.修改PATH变量
%ANDROID_HOME%\platform-tools;
%ANDROID_HOME%\tools;
%JAVA_HOME%\bin;
%ANT_HOME%\bin;
将以下字符串追加到【Path】变量的变量值的最后面
【;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;%JAVA_HOME%\bin;%ANT_HOME%\bin;】
【确定】
5.安装Node.js
5.1.下载地址
6.安装ionic
6.1.安装ionic cli
打开命令行,执行以下命令:
【npm install -g cordova ionic】
6.2.创建项目
打开命令行,依次执行以下命令:
【ionic start myApp tabs】
【cd myApp】
【ionic platform add android】
6.3.打包apk
打开命令行,执行以下命令:
【ionic build android】
提示打包成功后,可以在以下目录找到对应的apk:
【D:\Dev\Projects_Test\myApp\platforms\android\build\outputs\apk\】
7.打包报错可能的原因及其解决方案
7.1.目录中包含中文字符
解决方案:将项目放到不含中文字符的目录中,再打包
7.2.安装了与操作系统不对应的jdk
例如,你本来是win10 64位操作系统,但是你安装的是win7 32位的jdk
解决方案:删除jdk,到官网下载与操作系统对应的jdk再安装
7.3.持续更新中...
原文:http://www.cnblogs.com/ningkyolei/p/4837708.html
内容总结
以上是互联网集市为您收集整理的Ionic开发环境搭建全部内容,希望文章能够帮你解决Ionic开发环境搭建所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。