Windows 下搭建 Ionic 开发环境
搭建工具和环境
首先下载安装 Ant(cordova 工具生成 android 项目时,需要的编辑工具),到apache 官网下载最新版的 zip 包,解压到某目录下(例如我是解压缩到 D 盘,D:\apache-ant-1.9.4)。然后根据自己的目录配置环境变量 Path:D:\apache-ant-1.9.4\bin; 以及 CLASSPATH: D:\apache-ant-1.9.4\lib;
验证是否安装配置成功(可能需要重启),在命令提示符窗口输入 ant 命令,如果出现 Buildfile: build.xml does not exist!则表示配置成功!安装 JAVA 环境,网上很多教程,这里不多介绍。
安装 nodejs 环境(安装项目各种依赖包,主要用到 npm 命令),到nodejs 官网下载安装即可,安装非常简单,不多说。验证是否安装配置成功,在命令提示符窗口输入 node -v 如果出现版本号,则表示安装成功。
安装 Android SDK,最折腾的就是这个,需要翻墙才能把整个过程安装配置完,这里提供国内别人已经下载好的 SDK 包百度网盘地址。把安装包解压到某目录下(例如我是解压缩到 D 盘,D:\android-sdk-windows),接着配置系统环境变量:
1 | ANDROID_HOME=D:\android-sdk-windows |
- 安装 Ionic,在命令提示符窗口输入命令:
1 | npm install -g cordova ionic |
即可安装 ionic 和 Cordova。
如何创建一个 demo
- 创建一个示例项目,输入
1 | ionic start myApp tabs |
- 在浏览器调试示例项目,输入
1 | ionic serve |
- 添加 android 平台,输入
1 | ionic platform add android |
- 打包 apk 包,输入
1 | ionic build android |
- 启动模拟器调试(自带的 android 模拟器可能会略卡,推荐使用 Genymotion 来替代 Android 模拟器作为模拟平台,启动速度增加不少),输入
1 | ionic run android |
[本文谢绝转载,谢谢]