Windows 下搭建 Ionic 开发环境

Windows 下搭建 Ionic 开发环境

搭建工具和环境

  1. 首先下载安装 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!则表示配置成功!

  2. 安装 JAVA 环境,网上很多教程,这里不多介绍。

  3. 安装 nodejs 环境(安装项目各种依赖包,主要用到 npm 命令),到nodejs 官网下载安装即可,安装非常简单,不多说。验证是否安装配置成功,在命令提示符窗口输入 node -v 如果出现版本号,则表示安装成功。

  4. 安装 Android SDK,最折腾的就是这个,需要翻墙才能把整个过程安装配置完,这里提供国内别人已经下载好的 SDK 包百度网盘地址。把安装包解压到某目录下(例如我是解压缩到 D 盘,D:\android-sdk-windows),接着配置系统环境变量:

1
2
ANDROID_HOME=D:\android-sdk-windows
PATH=%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
  1. 安装 Ionic,在命令提示符窗口输入命令:
1
npm install -g cordova ionic

即可安装 ionic 和 Cordova。

如何创建一个 demo

  1. 创建一个示例项目,输入
1
ionic start myApp tabs
  1. 在浏览器调试示例项目,输入
1
ionic serve
  1. 添加 android 平台,输入
1
ionic platform add android
  1. 打包 apk 包,输入
1
ionic build android
  1. 启动模拟器调试(自带的 android 模拟器可能会略卡,推荐使用 Genymotion 来替代 Android 模拟器作为模拟平台,启动速度增加不少),输入
1
ionic run android

[本文谢绝转载,谢谢]

粤ICP备2022084378号