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
    

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

  • 相关阅读:
    vue组件通信类型限制
    vue父子组件通信
    vue组件data必须是函数
    vue组件模块抽离
    vue局部组件语法糖
    leetcode刷题-47全排列2
    leetcode刷题-46全排列
    leetcode刷题-43字符串相乘
    leetcode刷题-40组合总和2
    leetcode刷题-39组合总和
  • 原文地址:https://www.cnblogs.com/10manongit/p/12977254.html
Copyright © 2011-2022 走看看