你的位置:首页 > 软件开发 > Java > ionic入门01

ionic入门01

发布时间:2016-08-01 23:00:08
总述     ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML、CSS和JavaScript,开发跨平台的应用。  接下来,敝人会从0到1采用ionic构建一个简单的应用,希望和大家一起学习该技术...  (来自http://www ...

总述


 

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

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

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

   ionic入门01


 写在前面

  为什么选择该技术

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

  阅读对象要求:

    理解h5、css3、js


 

案例展示

  ionic入门01

 

  ionic入门01

  ionic入门01


 

搭建开发环境

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

  检查node是否安装成功

   ionic入门01

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

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

   ionic入门01

3、安装ionic和cordova

   ionic入门01

4、创建ionic项目

   ionic入门01

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

 ionic入门01

6、运行ionic应用(浏览器

   ionic入门01

 效果图:

   ionic入门01

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


 

更多案例:

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

   ionic入门01


 

交流和学习

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


原标题:ionic入门01

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录