win/mac平台搭建ionic开发环境教程(转)
出处: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环境
编辑中..