在这一章,我们将要了解Ionic的下载和安装过程中所有必需的依赖关系。
首先,我们将去安装最新版本的Apache Cordova,将我们的应用程序打包成一个传统的本地应用。
安装Cordova,确保你安装node.js,然后运行。
$ sudo npm install -g cordova
如果在Windows上运行去掉命令sudo。根据你的开发平台,你将需要安装特定于平台的工具。遵循Cordova for Android和iOS平台指导,以确保你拥有
在这些平台上开发的一切所需的。幸运的是,你只需要做一次。
Linux Android
如果您正在运行一个64位版本的Ubuntu,你需要安装32位的库,Android目前只有32位。
$ sudo apt-get install ia32-libs
Windows用户开发Android:你要确保你有下面的安装和设置。
注意:当您更改PATH,或任何其他环境变量,您需要重新启动或打开一个新标签在您的shell程序的PATH更改生效。
Java JDK
安装最新版本的JDK和JRE
下一步,创建JAVA_HOME环境变量,目标为java安装的根目录。如果你安装的 JDK 路径为 C:\Program Files\Java\jdk7
, 设置为 JAVA_HOME
的值. 同时, 也将JDK的 bin
目录 添加到PATH 环境变量中。
最后,完整的路径 为% JAVA_HOME % \ bin或者C:\Program Files\Java\jdk7\bin。
bin
路径添加在PATH环境变量中。 如果你将 Ant 目录放到 c:/下
, 那么PATH: C:\apache-ant-1.9.2\bin
。
安装Android SDK也是必要的。Android SDK提供了你所需的API库和开发工具构建、测试和调试Android应用程序。
科尔多瓦需要ANDROID_HOME环境变量设置。这应该指向[ANDROID_SDK_DIR]\ sdk目录(例如c:\ android \ sdk)。
接下来,更新你的路径包括工具/平台工具/文件夹,文件夹中。使用ANDROID_HOME,您将添加两个% ANDROID_HOME %和% ANDROID_HOME % \ \工具平台工具。
Ionic有一个方便的命令行实用程序开始,构建,和打包Ionic的应用。
要安装它,只需运行:
$ sudo npm install -g ionic
现在,我们需要使用Cordova创建一个新的项目:
$ ionic start todo blank
将创建一个名为todo的文件夹目录中运行的命令。接下来,我们将进入该目录:
$ cd todo
如果您计划使用任何版本控制系统,您可以继续使用这个新文件夹设置它。为新的应用程序,遵循这个文件夹结构快速地启动和运行:
现在,我们需要告诉Ionic,我们想使iOS和Android平台。注意:除非你是在Mac OS,那就不要使用iOS平台:
$ ionic platform ios
$ ionic platform android
如果你看到错误在这里,一定要按照上面的平台指导安装必要的平台工具。
如果你得到这个错误:: [Error: ERROR : Make sure JAVA_HOME is set, as well as paths to your JDK and JRE for java.]
,然后尝试运行这个命令之前,先添加android平台:
$ export JAVA_HOME=$(/usr/libexec/java_home)
$ ionic build ios
$ ionic emulate ios
开始吧!
现在我们已经准备好开始构建应用程序,所以继续到下一个章节