码迷,mamicode.com
首页 > 其他好文 > 详细

ionicframework I ------------- 初体验

时间:2014-08-13 03:30:45      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   color   java   io   for   

ionicframework I -------------  初体验

 

bubuko.com,布布扣

Create hybrid mobile apps with the web technologies you love.

Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JScomponents for building highly interactive apps. Built with Sass and optimized for AngularJS.

这是一个基于angularjs 和 sass 开发一款移动优先的web框架,可以用来制作hybrid app或者webapp.

 

主要步骤:(android 平台为例)

一 准备环境

1.安装好nodejs  npm

2.安装 jdk;

3.安装 ant

4.安装 android sdk

5.设置好系统环境变量: JAVA_HOME; ANT_HOME; ANDROID_HOME;

在path中添加 java ant android的环境变量

%ANT_HOME%\bin;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;%JAVA_HOME%\bin

 在完成这些步骤后接下来的事情就简单了~~

二 安装ionic

1.安装ionic 和 cordova

npm install -g cordova ionic

2.运行已有的demo

 

bubuko.com,布布扣         

     

ionic start myApp tabs

 

 bubuko.com,布布扣     

ionic start myApp blank

 

 

 bubuko.com,布布扣

ionic start myApp sidemenu

以sidemenu 为例:

运行命令后

 

bubuko.com,布布扣

 

-------------------------------

可能遇到的问题1 

Cordova for android: An error occurred while listening android targets

 

 参见 http://stackoverflow.com/questions/22275026/cordova-for-android-an-error-occurred-while-listening-android-targets

  

ionicframework I ------------- 初体验,布布扣,bubuko.com

ionicframework I ------------- 初体验

标签:android   style   blog   http   color   java   io   for   

原文地址:http://www.cnblogs.com/acmilan/p/3793740.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!