出处:http://www.ionic-china.com/doc/ionic-winmac.html#preface

前言

ionic中文网为大家准备了绿色版的nodejs和androidSDK以及ionic助手,让搭建和使用开发环境变的非常简单,下面来跟我一起快速搭建吧。

注意:绿色搭建环境为ionic1.x版本,需要2x版本请看:Ionic_2.x 手动搭建开发环境教程

工具下载

jdk (AndroidSDK依赖) 百度网盘 官网下载
绿色版AndroidSDK (ADK编译) 百度网盘 360网盘(提取码:986a)
绿色版Nodejs (npm安装工具) 百度网盘 360网盘(提取码:eac6)
ionic助手 (一键式开发环境工具) 了解更多

AndroidSDK集成:

  • Android SDK Platform-tools(平台)
  • Android SDK Build-tools(编译)
  • API23: SDK Platform(编译依赖版本)
  • Android Support Repository(corrswalk需要)
  • Google Repository(corrswalk需要)

Nodejs集成:

  • Node Version: v4.4.7
  • Cordova CLI: 6.2.0
  • Ionic Framework Version: 1.3.1
  • ionic Version: 1.7.16

步骤: 安装jdk - 解压AndroidSDK、Nodejs、ionic助手 - 设置环境路径 - 创建项目 - 编译项目apk

1.安装JDK(androidSDK需要)


点next进行安装(注意避免中文目录) 

安装后cmd执行java -version看到版本就是安装成功了(无需设置path,如果没有建议重启) 

2.解压AndroidSDK、Nodejs、ionic助手


过程大概2-3分钟 解压到非中文目录即可 无需设置path 

解压后打开助手 打开 - 系统设置 - 设置nodejs和androidSDK路径后重启助手 

3.创建项目、编译、预览


选择 打开 - 创建项目 选择一个模版并创建 
由于国内访问github各地区网络情况可能都不同,如果创建项目太慢推荐使用代理。 

双击刚刚创建的项目 先添加平台 - 再Debug编译 
注意:第一次编译项目java需要下载依赖,可以运行"项目目录\platforms\android\gradlew.bat"文件更直观的看到依赖下载进度。如果太慢请用代理。 

一切顺利你就可以看到创建好的APK文件了 3模版APK文件 百度下载 

我们也可以对项目进行快速的预览 只需要右键项目 - 选择预览模式即可 
 

安装过程遇到任何问题请到社区反馈

Mac环境


编辑中..

win/mac平台搭建ionic开发环境教程(转)的更多相关文章

  1. Mac下搭建php开发环境教程

    方案一:原生安装 这篇文章主要介绍了Mac下搭建php开发环境教程,Mac OS X 内置了Apache 和 PHP,这样使用起来非常方便.本文以Mac OS X 10.6.3为例,需要的朋友可以参考 ...

  2. mac 下搭建 Android 开发环境

    因工作需要,要在mac 下搭建 Android 开发环境.谷歌.度娘了好久,没有找个一个完整又系统的方法,很是苦恼.最终,皇天不负有心人,找到了下面这篇文档,结合亲身体验,特此记录.也为有这方面需求的 ...

  3. Mac系统搭建java开发环境

    今天尝试在mac下搭建java开发环境 包括 JDK,Tomcat , eclipse ,mysql ,mysqlGUI

  4. 在Eclipse下搭建Android开发环境教程

    我们昨天向各位介绍了<在NetBeans上搭建Android SDK环境>,前不久也介绍过<在MyEclipse 8.6上搭建Android开发环境>, 都受到了读者的欢迎.但 ...

  5. 【转】在Eclipse下搭建Android开发环境教程

    本文将全程演示Android开发环境的搭建过程,无需配置环境变量.所有软件都是写该文章时最新版本,希望大家喜欢.   一 相关下载 三 Eclipse配置 (1)Java JDK下载 1 安装andr ...

  6. Windows平台搭建NodeJs开发环境以及HelloWorld展示—图解

    Windows 7系统下搭建NodeJs开发环境(NodeJs+WebStrom)以及Hello World!展示,大体思路如下:第一步:安装NodeJs运行环境.第二步:安装WebStrom开发工具 ...

  7. mac下搭建cordova开发环境

    Apache Cordova 原名叫PhoneGap.是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.PhoneGap最初由Nitobi开发,2011年 ...

  8. cocos2d-x 2.1.4学习笔记01:windows平台搭建cocos2d-x开发环境

    cocos2d-x的大致开发流程是,首先使用win32版进行代码编写并完成游戏,然后将代码迁移到对应的开发环境上进行交叉编译完成游戏打包,如iphone上是mac+xcode,android是ecli ...

  9. 在mac下搭建java开发环境

    刚刚从windows系统转到使用mac系统.感觉不是特别熟悉,须要一定的适应时间. 以下简介一下mac下搭建主要的java开发环境. 1.安装jdk 安装jdk1.7后,发现不须要进行环境变量配置,直 ...

随机推荐

  1. P3375 【模板】KMP字符串匹配

    P3375 [模板]KMP字符串匹配 https://www.luogu.org/problemnew/show/P3375 题目描述 如题,给出两个字符串s1和s2,其中s2为s1的子串,求出s2在 ...

  2. const和volatile分析

    c语言中const修饰的变量是只读的,不能直接作为赋值号的左值,其本质还是变量:会占用内存空间:本质上const在编译器有用,运行时无用(还是可以通过指针改变它的值) ; int *p=&ab ...

  3. 微信小程序开发——打开另一个小程序

    微信小程序打开另一个小程序,有两种方法:1.超链接:2.点击按钮. 全局配置: 跳转到其他小程序,需要在当前小程序全局配置中配置需要跳转的小程序列表,代码如下: App.json { ... &quo ...

  4. Django的具体操作(一)

    一,首先说下什么是Django,Django其实就是一个框架,用python写的,能开发网站之类的. 二,django的组成 1,urls:网址入口关联到对应的views视图函数,(采用mvc开发模式 ...

  5. xampp配置多个监听端口和不同的网站目录

    1.配置Apache文件httpd.conf 打开xampp安装目录下的Apache->conf文件夹下的httpd.conf,用记事本打开 首先在Listen 80端口下添加其他监听端口: L ...

  6. Bootstrap(9) 巨幕页头缩略图和警告框组件

    一.巨幕组件巨幕组件主要是展示网站的关键性区域.//在固定的范围内,有圆角 <div class="container"> <div class="ju ...

  7. 国内淘宝镜像 cnpm转npm

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

  8. Web API中常用Filter的执行顺序举例讲解

    在WEB Api中,引入了面向切面编程(AOP)的思想,在某些特定的位置可以插入特定的Filter进行过程拦截处理.引入了这一机制可以更好地践行DRY(Don’t Repeat Yourself)思想 ...

  9. mybatis入门--mybatis和hibernate比较

    mybatis和hibernate的比较 Mybatis和hibernate不同,它不完全是一个ORM框架,因为MyBatis需要程序员自己编写Sql语句,不过mybatis可以通过XML或注解方式灵 ...

  10. 使用RSS订阅

    1.绪论 对某一主题完成一次文献检索后,我们希望能持续了解该主题最新文献,即实现文献追踪. 为此,搜索引擎和数据库厂商(数据源)提供一般两种订阅服务:邮件和RSS.订阅后,数据源会自动推送最新信息,免 ...