ionic+angularjs开发hybrid App(环境配置+创建测试项目)
本文使用的系统是win10
因为后期需要使用nodejs 所以先把node装好

下载JDK并配置Java运行环境
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
安装后配置环境变量 如下:
新增JAVA_HOME:(自己的安装路径和版本)
C:\Program Files\Java\jdk1.8.0_73
(注意:JAVA_HOME指明JDK安装路径,就是刚才安装时所选择的路径,此路径下包括lib,bin,jre等文件夹。)配置如图

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

新增CLASSPATH:
.;%JAVA_HOME%\lib
注意: 点号表示当前目录,不能省略( CLASSPATH为java加载类(class or lib)路径,只有类在classpath中,java命令才能识别)
测试环境是否配置成功:“开始”->“运行”,键入“cmd”,键入命令“java -version”,出现下图画面,说明环境变量配置成功。 (win键+R–>cmd –>回车)

配置Apache-ant:(在path变量里编辑)
下载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变量是一样的,注意以 ; 隔开每个环境变量的值,如上图path值)
C:\Program Files\apache-ant-1.9.4\bin
测试Apache-ant是否配置好

下载、配置Android Studio
推荐:http://rj.baidu.com/soft/detail/27390.html?ald
下载后进行安装,会提示选择SDK安装路径,我们主要使用的就是这个SDK。
完成安装后
增加ANDROID_HOME环境变量:
C:\Users\Administrator\AppData\Local\Android\sdk
在path变量中添加:
%ANDROID_HOME%\platform-tools;
%ANDROID_HOME%\tools;
如上 环境就配置好了
创建一个ionic项目
安装Ionic 和 Cordova(将cordova和ionic包安装到全局环境中)
win+R–>cmd(管理员)
根据网络环境,安装的时间有所不同
npm install -g cordova ionic
安装完成后,就可以创建一个Ionic项目(官方提供的)
ionic start myApp tabs(底部导航)
ionic start myApp blank(空白项目)
ionic start myApp sidemenu(侧边导航菜单)
启动ionic项目
cd myApp(myApp为项目名称)
ionic serve
键入ionic server后,会自动在浏览器打开项目。
编译成Android apk
ionic build android
ionic+angularjs开发hybrid App(环境配置+创建测试项目)的更多相关文章
- webstorm前端开发工具vue环境配置及运行项目
1:webstorm的安装:2:node.js的安装3:安装Git4:vue-cli 安装前面两步就可以把项目启动了,安装Git主要是打开命令窗口,这样就可以用liunx命令了,原理跟cmd差不多 V ...
- 分享 Ionic 开发 Hybrid App 中遇到的问题以及后期发布 iOS/Android 的方方面面
此篇文章主要整理了最近在使用 Ionic 开发 Hybrid App 过程中遇到的一些疑难点以及后期发布生成 iOS 和 Android 版本过程中的种种问题. 文章目录 Ionic 简介和项目需求介 ...
- Ionic开发Hybrid App问题总结
http://ionichina.com/topic/5641b891b903cba630e25f10 http://www.cnblogs.com/parry/p/issues_about_buil ...
- 【转载】用Ionic开发hybrid APP
使用phonegap开发APP的优劣在此不必细说,快速,简单,跨平台,以及随着iOS,Android本身对webview优化所带来的不错的性能,便是其独有的优势.而且私以为在目前激烈而又变化快速的移动 ...
- 第一篇 Windows 8 开发Windows Metro style app环境配置
半 饱问 题 到 我 这 里 为 止! 第一篇 Windows 8 开发Windows Metro style app环境配置 2012-09-24 08:24 by 半饱, 1289 阅读, 3 ...
- 实践分享:开始用Cordova+Ionic+AngularJS开发App
http://www.cocoachina.com/webapp/20150707/12395.html 本文是一篇关于我本人在使用Cordova+Ionic以及AngularJS开发移动App的过程 ...
- 详解LUA开发工具及其环境配置
LUA开发工具及其环境配置是本文要介绍的内容,主要是来了解并学习lua开发工具的使用和环境的配置,第一次接触LUA的话,就跟本人一起学习吧.看我能不能忽悠到你. LUA是语言,那么一定有编写的工具.第 ...
- eclipse弃坑记第一篇之在idea上配置Tomcat环境并创建Javaweb项目的详细步骤原创
IntelliJ IDEA是一款功能强大的开发工具,在代码自动提示.重构.J2EE支持.各类版本工具(如git.svn.github).maven等方面都有很好的应用. IntelliJ IDEA有免 ...
- Windows下OpenFOAM开发及使用环境配置指南 (2)【转载】
转载自:http://openfoam.blog.sohu.com/158751915.html *************************************************** ...
随机推荐
- Android Log Tag含义
在分析Android问题的时候重要的手段之一就是分析log,在events.log中有很多系统log,其中有些log的含义并不是很了解,下面就是从安卓源码中得到的系统log的tag. 关于Tag的说明 ...
- GamePinTu
package com.example.administrator.pintu; import android.content.Context; import android.graphics.Bit ...
- “#if 0/#if 1 ... #endif”的作用
1. "#if 0/#if 1 ... #endif"的作用,我们知道,C标准不提供C++里的"//"这样的单行风格注释而只提供"/* */" ...
- iOS开发之功能模块--Apns推送中的的json格式介绍
在开发向苹果Apns推送消息服务功能,我们需要根据Apns接受的数据格式进行推送.下面接受我在进行apns推送时候总结的一点apns服务接受的Json数据格式 示例 1: 以下负载包含哦一个简单的 a ...
- ThinkPHP3快速入门教程三:查询语言
一.查询语言简介: ThinkPHP内置了非常灵活的查询方法,可以快速的进行数据查询操作,查询条件可以用于读取.更新和删除等操作,主要涉及到where方法等连贯相关方法操作即可, 此框架查询系统可以解 ...
- [转]浅谈CSRF攻击方式
在CSDN中看到对CSRF攻击的原理及防护文章,讲解浅显易懂,特转之: 来源:http://blog.csdn.net/fationyyk/article/details/50833620 一.CSR ...
- EasyUI 中点击取消按钮关闭Dialog(对话框窗口)
<div id="dl1" class="easyui-dialog" title="窗口"style="width:400 ...
- Maven设置代理服务器
在setting.xml中设置以下信息即可,请修正对应信息 <proxies> <proxy> <id>optional</id> <active ...
- 3. Python 简介
3. Python 简介 下面的例子中,输入和输出分别由大于号和句号提示符 ( >>> 和 ... ) 标注:如果想重现这些例子,就要在解释器的提示符后,输入 (提示符后面的) 那些 ...
- [bootstrap]bootstrap2如何引导div垂直居中
参考网址:http://www.4byte.cn/question/138712/bootstrap-how-to-center-vertical.html 部分参考自上面网页中的方法.用过boots ...