Ionic+cordova+Android Studio安装配置

安装jdk

https://www.oracle.com/technetwork/java/javase/downloads/index.html

安装jre

https://www.oracle.com/technetwork/java/javase/downloads/jre8-downloads-2133155.html

• 配置环境变量

1. 计算机 - 属性 - 高级系统设置 - 环境变量
2. 新建JAVA_HOME 设置为 D:\Java\jdk1.8.0_31
3. 原Path 加上 ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
4. 新建CLASSPATH 值为 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

• 验证

javac -version

安装node.js

• 下载nodejs

https://nodejs.org/en/download/

• 检查安装是否成功

node -v

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v

安装cordova

• 安装

npm install -g cordova@6.5.0

或者

npm install cnpm -g
npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm install -g cordova

• 检查安装是否成功

cordova -v

安装Ionic

• 安装

npm install -g ionic@2.2.2

安装Android Studio

https://www.androiddevtools.cn/

安装gradle

• 参考

https://jingyan.baidu.com/article/00a07f38706f0b82d028dcf3.html

• 检查

gradle -v

创建项目

ionic start myProject
cd myProject
cordova platform add android

运行项目

1. 用Android Studio打开项目中的platforms下的android
2. 连接手机或添加虚拟机
3. 点击运行

编写项目

1. 把项目中的www文件用webstorm打开并修改
2. 生成图标及动画ionic resources
3. 把www下文件更新到platform内 ionic prepare
4. 在网页中运行ionic serve