Node.js (npm安装工具) https://nodejs.org/en/download/ jdk (android编译依赖) http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html android (ADK编译) https://dl.google.com/android/installer_r24.3.4-windows.exe
开发工具:我用的 vs code
https://code.visualstudio.com/
安装顺序:
安装node.js - 安装jdk - 安装android(adk) - 命令安装ionic - 创建项目
1.安装node.js
点
next进行安装(注意避免中文目录)
安装后cmd执行
node -v看到版本即安装成功(无需设置path)
现在就可以安装ionic,但是我们要编译apk才能看到效果所以需要装sdk (这里注意顺序先装sdk再装ionic)
2.安装JDK(androidSDK需要)
点
next进行安装(注意避免中文目录)
安装后cmd执行
java -version看到版本就是安装成功了(无需设置path)
3.安装androidSDK
点
next进行安装(注意避免中文目录)
设置环境变量全局访问android
我的电脑 - 右键属性 - 高级系统设置 - 环境变量
新建变量名 变量值
ANDROID_HOME D:\ionic\androidsdk(你sdk的路径)
然后在path里添加(注意前面的分号)
;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools
执行
android -h看到命令即安装设置成功
注意:执行androidsdk目录下的
SDK Manager.exe即可打开工具包
如果遇到打不开的情况请用管理员运行!!!
配置AndroidSDK 国内无法访问google服务器 所以列表是空的需要配置镜像
选择Tools - Options 打开设置界面
填入mirrors.neusoft.edu.cn 端口80
并勾选 “Force
https://... sources to be fetched using
http://...单击Close关闭”
依次选择Packages - Reload(或者重新打开)
这里千万注意只需要勾选3个Android SDK Platform-tools、Android SDK Build-tools、API23下的SDK Platform
(编译的时候会提示你需要的api版本,目前是API23) 如果你勾选了其它的,可能要下载2、30G的东西。像我这样选只需要下载200M
附加:项目集成Crosswalk需要勾选Extras下的Android Support Repository和Google Repository否则会报错
接受 - 安装
安装完的列表
新版ionic只需装23,如果编译遇到错误就安装API 22的platform
4.安装ionic cordova
打开cmd
(建议管理员运行)将npm映射到淘宝的服务器
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后我们就可以用cnpm命令安装了
cnpm install -g cordova ionic(安装 cordova ionic)
安装完成后运行
ionic -v可以看到版本
5.创建/编译项目
1.创建项目
环境搭建完毕,现在开始创建项目编译APK
ionic start myApp tabs -v2(创建过程y/n询问是否打开官网n即可)
创建的项目文件夹
现在我们可以运行ionic server预览下项目
图:23
转载请注明原文地址: https://ju.6miu.com/read-300001.html