• 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
    
  • 相关阅读:
    go module基本使用
    jquery的radio的change事件
    etcd 快速入门
    linux下查看php-fpm是否开启以及如何开启
    js 获取某年的某天是第几周
    gland go list-m:无法识别的导入路径
    Xshell连接有跳板机(堡垒机)的服务器
    PHP中时间戳和时区
    SQL分页过多时, 如何优化
    MySQL语句的优化
  • 原文地址:https://www.cnblogs.com/wjw1014/p/12502811.html
Copyright © 2020-2023  润新知