zoukankan      html  css  js  c++  java
  • Ionic 创建项目

    Ionic 创建项目

    Ionic简介

    Ionic是一个开源的移动应用程序开发框架,它可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用,混合app web页面。

    Ionic4目前已经发布了基于Angular的正式版本,对 React 和 Vue 的支持尚处于 alpha 状态,未来我们可以用自己喜欢的语言结合Ionic来开发移动端应用。

    Ionic4是Ionic有史以来最快、最小和最可扩展的版本。

    Ionic 4 优异的性能则让 Ionic 成为了构建高性能 PWA 的最佳 UI 框架。 Ionic 团队花了一年的时间使用 Stencil 构建一个 Web 组件管道来生成 Ionic 组件,以达到 Google 规定的性能标准,使用新的异步组件加载和交互的方法。确保Ionic4有更快的运行速度。

    Ionic 官网

    ionic官网:https://ionicframework.com/
    ionic中文:http://www.ionic.wang/

    安装Ionic

    安装ionic

    npm install -g cordova ionic
    

    创建Ionic应用

    使用Ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个Ionic应用。

    ionic start myApp tabs
    

    在这里插入图片描述

    ionic start myApp blank
    ionic start myApp tabs
    ionic start myApp sidemenu
    

    运行应用程序

    使用Ionic tool 创建 ,测试,运行你的apps。

    cd myApp
    ionic serve
    

    打包 Android App

    $ cd myApp
    $ ionic cordova platform add android
    $ ionic cordova build android
    $ ionic cordova emulate android
    

    打包 IOS App

    $ cd myApp
    $ ionic cordova platform add ios
    $ ionic cordova build ios
    $ ionic cordova emulate ios
    

    如果出现 "ios-sim was not found." 错误,可以执行以下命令:

    npm install -g ios-sim
    
  • 相关阅读:
    逐步解析ASP.NET请求响应流程图(B/S IIS)
    UML类图表示
    aspnet_isapi.dll扩展注册
    .NET请求编译流程图(解释为什么第一次请求比较慢)
    前台线程和后台线程的区别
    IIS的内部原理
    is和as的区别
    Javascript限制多行文本输入框的字符数(转载)
    事件触发
    查看ASP.NET2.0编译后的源代码的方法
  • 原文地址:https://www.cnblogs.com/wjw1014/p/12502811.html
Copyright © 2011-2022 走看看