ionic跨平台开发指南(一)--开发环境的配置
最近,运用了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即可。
由于时间问题,下一章再为大家介绍具体的项目开发,待更新...
- node+npm+cordova+ionic等开发环境配置(自我备忘)
- Hello Zend Studio 12.x --Zend Studio 12.x + xampp + Xdebug 开发环境配置指南
- [转] VS.NET 2005 开发微软智能手机SmartPhone Window Mobile 5.0 开发环境配置指南
- Delphi for iOS开发指南(2):在Windows PC上配置你的开发环境
- Hybrid移动APP开发(一):Cordova+Ionic+Angularjs环境配置
- algs4开发环境配置指南
- JDK&JRE&JVM_跨平台特性_开发环境配置_dos命令_字符集JAVA001-006
- windows跨平台开发环境配置
- JSP+JAVABEAN+SERVLET开发环境配置指南
- Ionic微信开发之环境配置
- iDempiere 使用指南 windows下eclipse开发环境配置及打包下载
- ionic1.x开发APP(1)环境配置
- JSP+JAVABEAN+SERVLET开发环境配置指南
- Ionic2 开发环境配置
- VS.NET 2005 开发微软智能手机SmartPhone Window Mobile 5.0 开发环境配置指南!
- Delphi for iOS开发指南(1):在Mac上配置你的开发环境
- ionic---开发环境配置
- 2 配置Ionic开发环境以及创建新的项目
- 跨平台GUI--Qt windows 开发环境安装配置(VS2005+QT+IntegrationPlugin)(转载)