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

Posted on   |   In   |     |   Views

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:1008，127.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

感谢您的支持！