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

时间:2020-12-05 04:10:31

出处: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进行安装(注意避免中文目录) 
win/mac平台搭建ionic开发环境教程(转)

安装后cmd执行java -version看到版本就是安装成功了(无需设置path,如果没有建议重启) 
win/mac平台搭建ionic开发环境教程(转)

2.解压AndroidSDK、Nodejs、ionic助手


过程大概2-3分钟 解压到非中文目录即可 无需设置path 
win/mac平台搭建ionic开发环境教程(转)

解压后打开助手 打开 - 系统设置 - 设置nodejs和androidSDK路径后重启助手 
win/mac平台搭建ionic开发环境教程(转)

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


选择 打开 - 创建项目 选择一个模版并创建 
由于国内访问github各地区网络情况可能都不同,如果创建项目太慢推荐使用代理。 
win/mac平台搭建ionic开发环境教程(转)

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

一切顺利你就可以看到创建好的APK文件了 3模版APK文件 百度下载 
win/mac平台搭建ionic开发环境教程(转)

我们也可以对项目进行快速的预览 只需要右键项目 - 选择预览模式即可 
win/mac平台搭建ionic开发环境教程(转) win/mac平台搭建ionic开发环境教程(转)

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

Mac环境


编辑中..