混合APP开发环境配置-ionic、cordora

java环境

Android ADT需要

1、JDK下载地址:

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

2、配置 Java 的环境变量 JAVA_HOME 和 CLASSPATH

JAVA_HOME 是 java 的安装目录的 bin 目录

JAVA_HOME: D:\Program Files\Java\jdk1.8.0_91

CLASSPATH: .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

我自己的配置如下:

JAVA_HOME C:\Program Files\Java\jdk1.8.0_112
Path: %JAVA_HOME%\jre\bin;%JAVA_HOME%\bin;
CLASSPAHT: .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

配置 Java 环境变量的方法

C++ 环境

需要 c++ 环境,window 10 已自带,其他系统只需安装 vs2016,把 c++ 环境勾选即可。

Android ADT环境

打包android应用的时候需要

1、下载安装ADT所需要的手动安装包

http://www.androiddevtools.cn/

混合APP开发环境配置
混合APP开发环境配置
混合APP开发环境配置

需要的包的截图

混合APP开发环境配置

node 环境

node 需要使用稳定版本,如果需要管理多个版本,使用 nvm,如果是 windows 系统,那么使用 nvm 的 windows 版本。

nvm 的下载安装地址(windows版):https://github.com/coreybutler/nvm-windows

在 nvm v1.1.1 版本中,虽然没有完成通过命令行配置镜像的功能(可以使用这两条命令,但无效……不不知作者怎么想的),但可以通过设置文件来配置镜像源。

在 nvm 安装目录中寻找 setting.txt 文件,打开后设置如下两条:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

  • nvm install node版本号 安装具体版本的 node
  • nvm use 7.0.0 切换到已安装的具体版本
  • nvm ls 列出本地已安装的所有的 node 环境版本

如果下载不成功,使用代理服务器下载安装,如: shadowsocks

  • nvm proxy 127.0.0.1:1008127.0.0.1:1008是代理地址,使用的是服务器下载
  • nvm install 7.0.0

Git环境

ng-cordova 插件需要,源代码管理

git 的下载地址:https://git-scm.com/downloads

下载后直接安装,我这边没有配环境直接可用

cordova ionic

1
$ npm install -g cordova ionic

3 条命令

1
2
3
4
5
ionic start myApp
在 myApp 项目跟目录下执行下面命令
ionic platform add android
ionic build android
ionic run android

执行 ionic platform add android 过程中如果出错,报 error occurred during initialization of vm,安装的是 jdk-8u112-windows-i586_8.0.1120.15.exe 版本,windows 64报错,

配置系统环境变量 –> 新建 –> _JAVA_OPTIONS –> -Xmx512M , 结果是:

执行命令时报错

然后又换了 64 位的 jdk,官方网站下载 jdk-8u112-windows-x64.exe

之后因为我一个文件名字 build 写错了没出来,修改了之后就打包成功了。

注:为了避免不必要的麻烦:所有这一过程都在 c 盘执行的。

使用IONIC制作APP

最后,来一张总图:

使用IONIC制作APP

感谢您的支持!