zoukankan      html  css  js  c++  java
  • HTML5打造原生应用——Ionic框架简介与Ionic Hello World

    试了试用Ionic框架打造了两个应用,然后在Google Play上架了。

    更有意思的是这是在一周的业余时间内完成的三个应用中的两个,接着让我们看看这个框架如何实现高效地开发。

    Ionic 框架

    Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架,它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例,例如像列表(lists)、标签页栏(tab bars)和触发开关(toggle switches)这样的简单条目。它还提供了更加复杂的可视化布局示例,例如在下面显示内容的滑出式菜单。

    官网地简介上说了下面的一些优点:

    • Performance obsessed
    • Angular & Ionic
    • Native focused
    • Beautifully designed
    • A powerful CLI
    • Fun to learn
    • Built by nerds (like you)

    简单地来说就是:

    • 性能比用jQuery构建好
    • 基于Angluar JS
    • 更加原生化
    • 设计精美
    • 更大地CLI
    • 学习乐趣
    • 为极客而构建

    Ionic Hello World

    安装Ionic

    1.安装Node.js

    2.安装Cordova和Ionic

    $ npm install -g cordova ionic
    

    3.创建项目,官方给了三个不同类型的基础项目:

    • 空白应用
    • Tabs应用
    • 滑动菜单应用

    对应的创建方式有:

    1) 空白应用

    $ ionic start myApp blank
    

    2) Tabs应用

    $ionic start myApp tabs
    

    3)滑动菜单应用

     $ ionic start myApp sidemenu
    

    4.运行

    $ cd myApp
    $ ionic platform add android
    $ ionic run android
    

    接着我们就可以看到一个应用就生成了。

  • 相关阅读:
    leetcode--Populating Next Right Pointers in Each Node II
    leetcode—Populating Next Right Pointers in Each Node
    Pascal's Triangle II
    leetcode—pascal triangle
    leetcode—triangle
    October 23rd, 2017 Week 43rd Monday
    October 22nd, 2017 Week 43rd Sunday
    October 21st 2017 Week 42nd Saturday
    October 20th 2017 Week 42nd Friday
    October 19th 2017 Week 42nd Thursday
  • 原文地址:https://www.cnblogs.com/10manongit/p/12977254.html
Copyright © 2011-2022 走看看