• 一:Ionic Framework初体验


    因项目关系,需要开发一个平板使用的应用程序,刚开始以为需要使用Andriod,后来经理提供了一个解决方案,Ionic Framework

    https://ionicframework.com/

    第一步:安装框架,Ionic的安装非常简单,可以直接使用npm进行安装,其中Nodejs的版本应该在6以上

    npm install -g ionic cordova

    第二步:使用Ionic创建一个程序

    ionic start projectName -projectType #创建项目

    其中可以带一个项目类型的参数,可以为以下类型,如果不指定项目类型,默认是tabs

    tabs :一个简单的3选项卡布局
    sidemenu:侧面有可滑动菜单的布局
    blank一个单独的启动器
    super:启动项目超过14个可以使用的页面设计
    tutorial一个引导项目

    第三步:运行Ionic程序

    cd projectName #进入项目目录
    ionic serve  #运行项目

    可以使用网页打开ionic页面

    在浏览器输入http://localhost:8100

    如果需要在浏览器查看到手机端的运行效果,可以打开http://localhost:8100/ionic-lab

    以上是根据官网的最初始的例子完成的。

  • 相关阅读:
    在IDEA中使用maven
    使用IDEA创建JavaWeb项目 部署本地tomcat并运行
    Java
    c++
    Vue学习
    svn 小程序地址
    SVN 上传代码
    eclipse插件 --js
    https抓包
    eclipse 断点位置发生莫名其妙的位移
  • 原文地址:https://www.cnblogs.com/weschen/p/7736416.html
Copyright © 2020-2023  润新知