Ionic 开发环境搭建

android sdk环境搭建并非易事,本人经过无数失败,才使用以下方式成功 配置Ionic 开发环境

1、下载JDK并配置Java运行环境

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

安装后需要进行如下配置:

在“系统变量”中,设置3项属性,JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击“编辑”,不存在则点击“新建”。

1)JAVA_HOME

C:\Program Files\Java\jdk1.8.0_45

注意:JAVA_HOME指明JDK安装路径,就是刚才安装时所选择的路径,此路径下包括lib,bin,jre等文件夹。

2)Path

%JAVA_HOME%\bin;

    在系统变量Path的值的最前面加入.否则可能在运行时,系统选择部署在前面的jre环境。
    注意:Path使得系统可以在任何路径下识别java命令

3)CLASSPATH

.;%JAVA_HOME%\lib

          注意: 点好表示当前目录,不能省略

CLASSPATH为java加载类(class or lib)路径,只有类在classpath中,java命令才能识别

           

         测试:“开始”->“运行”,键入“cmd”,键入命令“java -version”,出现下图画面,说明环境变量配置成功。

         

2、下载Apache Ant 并将其bin目录路径添加进Path路径

      http://mirror.tcpdiag.net/apache/ant/binaries/

      下载完成后解压 ,如存放在C盘 Program Files目录下则Path中添加如下值 C:\Program Files\apache-ant-1.9.4\bin;

并添加path环境变量(添加方法和java配置path变量是一样的,注意以 ; 隔开每个环境变量的值)

      

3、 下载Android Studio 

       http://rj.baidu.com/soft/detail/27390.html?ald

1)由于下载Android SDK并非易事,需要配置代理或FQ;

2)在使用中会有各种报错或提示更新sdk等乱七八糟问题,

因此推荐下载Android Studio (百度软件中心下载速度不错),下载后进行安装,会提示选择SDK安装路径,我们主要使用的就是这个SDK。

完成安装后向系统Path环境变量中添加两个值。分别是 Android SDK中tools目录的路径和platform-tools的路径。例如:

C:\Program Files (x86)\Android\android-sdk\tools;
       C:\Program Files (x86)\Android\android-sdk\platform-tools;

4、下载NodeJs并安装

https://nodejs.org/download/

5、安装Ionic 和 Cordova

http://ionicframework.com/getting-started/

运行“CMD” 键入“npm install -g cordova ionic” 根据网络环境,安装的时间有所不同。

安装完成后,就可以创建一个Ionic项目“ionic start myApp tabs”

进入myApp项目 “cd myApp

在浏览器中运行 "ionic serve"

添加安装平台 “ionic platform add android”

编译成apk “ionic build android”

直接在手机上进行调试“ionic run”

时间: 2024-11-06 11:48:55

Ionic 开发环境搭建的相关文章

2.ionic系列之ionic开发环境搭建(一)

工欲善其事,必先利其器.本文将介绍在windows平台及mac ox平台搭建ionic开发环境的过程. 1.安装Node.js 打开Node.js官网:https://nodejs.org/官网有两个版本的node.js一个是LTS(长期支持版本),一个是Current当前版本,建议使用LTS版本下载使用.安装时,windows平台安装时一直下一步下一步就OK,mac ox平台直接安装就行.安装完成后windows打开命令行,而mac ox打开终端,输入: node –v 后回车,若出现node

Ionic开发环境搭建

Ionic是基于web技术开发移动应用的跨平台框架,可开发手机web.Ios.Android应用程序. 1.Ionic环境安装 Ionic开发依赖于Node.js环境,因此需要先安装Node.js,在Node.js环境下执行命令: npm install -g cordova ionic npm是一个包管理器,这里使用npm安装cordova和ionic,-g表示全局安装,全局安装后在任何目录下都可以使用cordova和ionic命令. Cordova提供了一组设备相关的API,通过这组API,

Windows下Ionic Android开发环境搭建

转自 http://www.itwap.net/ArticleContent.aspx?id=26 来源: itwap.net 作者: 词略 时间: 2015-4-2 16:57:28 (一)Ionic简单介绍:   首先,Ionic是什么. Ionic是一款基于PhoneGap及AngularJS开发Hybrid/Web APP的前端框架,类似的其他框架有:Intel XDK等. 简单来说就是可以将你的Web应用打包发布成IOS/Android APP,并且提供了PhoneGap之外很多强大的

Cordova+ionic 开发hybird App --- 开发环境搭建

Cordova 开发hybird App 开发环境搭建 一.一些基础概念: Ant : 简单说来可以这么理解,如果你用记事本写JAVA程序,然后在cmd里输入javac命令编译它,但是有一天你发现每次手动输入太麻烦而且都是重复劳动,于是你下决心改变这种状况,然后学会了把javac命令写到一个bat文件中,以后编译只需要单击运行即可:然后随着你敲的代码越来越多,而且有了JAVA project概念,于是你手动新建了很多文件夹比如src.bin.lib,你有写了一个bat文件来减少你的重复劳动:再后

Ionic Android开发环境搭建 下

上篇 Ionic 安装完成了,由于要开发Android,所以必不可少需要继续搭建Android开发环境. 首先,下载并安装JDK.然后配置一下环境变量. 接着,下载并安装Android SDK.下载过程中,需要FQ.同时也需要配置一下环境变量. 网上还有一种比较好的方法,有IDE的可以如下设置: 最后,还需要下载并安装Apache Ant.Apache Ant,是一个将软件编译.测试.部署等步骤联系在一起加以自动化的一个工具.同时,也需要配置一下环境变量. 至于环境变量怎么配,网上都是资料,很详

Ionic简单接触:Windows下Ionic Android开发环境搭建

(一)Ionic简单介绍:   首先,Ionic是什么. Ionic是一款基于PhoneGap及AngularJS开发Hybrid/Web APP的前端框架,类似的其他框架有:Intel XDK等. 简单来说就是可以将你的Web应用打包发布成IOS/Android APP,并且提供了PhoneGap之外很多强大的服务和新的特性. 听起来还是很诱人的,事实上这也是目前最火的一中Hybrid APP开发方式.接下来介绍如何在Windows下搭建Ionic开发环境. 在开始之前我假设你已经了解了如下概

AngularJS+Ionic开发-1.搭建开发环境

临时项目需要使用AngularJS+Ionic+Cordova技术,半年前跟别人用过一段时间做过几个页面,目前别人已经无法联系了,只能我自己上了. 上次做完项目后,想抽时间好好巩固一下这方面的知识面来,后来其他项目忙起来就给扔下,主要原因还是懒啊,其实有好多的技术排着队等着好好研究呢,就是懒啊. 开发第一步,需要先把开发环境搭建起来. 1.开发IDE 选择VS Code,官方下载地址:https://code.visualstudio.com/ .下载完成后,根据安装步骤一步步完成即可. 2.安

HTML5 移动应用开发环境搭建及原理分析

开发环境搭建: 一.Android 开发平台搭建 安装java jdk:\\10.194.151.132\Mewfile\tmp\ADT 配置java jdk 1)  新建系统变量,JAVA_HOME,C:\Program Files\Java\jdk1.8.0_25 2)  新建系统变量,classpath,;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar 3)  Path,%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 4)  测试

Intellij IDEA 14.1.4 Scala开发环境搭建

主要内容 Intellij IDEA开发环境简介 Intellij IDEA Scala开发环境搭建 Intellij IDEA常见问题及解决方案 Intellij IDEA常用快捷键 1. Intellij IDEA开发环境简介 具体介绍请参见:http://baike.baidu.com/link?url=SBY93H3SPkmcmIOmZ8H60O1k4iVLgOmdqoKdGp9xHtU-Pbdsq2cpn75ZPZPWAJxeUlwr0ravraQzOckh777beq Intelli