win/mac平台搭建ionic开发环境教程

win平台下只需要助手 + android(ADK)即可享受一键式开发。

前言

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环境


编辑中..