最近,运用了ionic框架开发了个跨平台项目,当中遇到或多或少的问题,特此分享,希望能帮助广大开发人员!
(一)ionic开发环境的配置
1、下载安装nodejs
到官网下载需求版本https://nodejs.org/dist/,用于辅助命令行运行ionic相关命令。这里需注意下载的nodejs版本不能过高,否则npm命令安装ionic时会报错,建议下载安装V0.12.6版本。
2、安装ionic框架
通过npm命令辅助安装:
win中npm install -g ionic mac中sudo npm install -g ionic
3、安装cordova及git命令行工具
由于是跨平台移动Hybird APP,需通过cordova插件实现与原生的交互,以达到相应的功能。
由于git(https://github.com/)中有较多的实现相应功能的cordova插件,可直接安装使用,可提升开发速度。
需要相应的插件也可以到cordova官网下载:http://cordova.apache.org/plugins/
win中npm install -g cordova Mac中sudo npm install -g cordova
git CLI下载地址:http://git-scm.com/download/
4、Android环境的配置
①下载安装java SE:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
在环境变量中新建JAVA_HOME,值为jdk所在的路径
CLASSPATH .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
PATH %JAVA_HOME%\bin;
②下载安装Android SDK,并在环境变量中配置ANDROID_HOME(值为SDK所在路径)
在PATH中添加 %ANDROID_HOME%\tools;
%ANDROID_HOME%\platform-tools;
注意由于ionic不断在更新Android SDK也需要对应的新版本,否则编译项目时会报错,建议多下几个版本,目前无法连到google下载,可用国内的一些镜像,如下图:
5、ant的安装
编译项目时需使用,http://ant.apache.org/bindownload.cgi,安装后,在环境变量中PATH中配置ant中bin所在路径。
6、ios环境配置
需要有一台MAC系统电脑,并安装最新的xcode即可。
由于时间问题,下一章再为大家介绍具体的项目开发,待更新...