你的位置:首页 > Java教程

[Java教程]ionic入门01


总述


 

    ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML、CSS和JavaScript,开发跨平台的应用。

  接下来,敝人会从0到1采用ionic构建一个简单的应用,希望和大家一起学习该技术...

  (来自http://www.ionic.wang/)

   


 写在前面

  为什么选择该技术

    从web视角开发移动端app应用,一份源码可以打包成ios和android应用

  阅读对象要求:

    理解h5、css3、js


 

案例展示

  

 

  

  


 

搭建开发环境

    1、安装node(node官网会根据你的计算机操作系统类型,引导你选择合适的版本)并配置环境变量(这个类似jdk)

  检查node是否安装成功

   

  安装完node同时会安装npm(在web开发中,npm是很重要的)

2、安装jdk和android sdk(具体安装请自行寻找,下面给出我机子所安装的版本)

   

3、安装ionic和cordova

   

4、创建ionic项目

   

5、运行ionic应用(在ios平台上;如果是android平台则把下面的ios改为android即可)

 

6、运行ionic应用(浏览器)

   

 效果图:

   

7、至此你已经成功搭建一个ionic项目了


 

更多案例:

来自http://www.ionic.wang/

   


 

交流和学习

如有纰漏,请斧正,应用请注明出处...(未完待续)